/**
 * Main Business CSS
 * ===================================================================
 * 应用业务相关的所有样式
 * 包含：
 * - 全局样式和重置
 * - 页面布局
 * - 组件样式
 * - 响应式设计
 * - 动画和过渡
 * 
 * 生成时间: 10/16/2025, 8:28:15 PM
 * 文件大小: ~420KB
 * ===================================================================
 */

@charset "UTF-8";


/* ============ BUSINESS BLOCK 0 ============ */

    .loading-container {
      background-color: #16151B;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 10rem;
      height: 100vh;
      user-select: none;
      position: fixed;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      z-index: 9999;
    }

    .sk-chase-wrapper {
      position: relative;
      width: 1.7067rem;
      height: 1.7067rem;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0.2133rem;
      box-sizing: content-box;
      flex-direction: column;
    }

    .sk-chase {
      width: 1.7067rem;
      height: 1.7067rem;
      position: absolute;
      animation: sk-chase 2.5s infinite linear both;
    }

    .sk-chase-dot {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      animation: sk-chase-dot 2s infinite ease-in-out both;
    }

    .sk-chase-dot:before {
      content: '';
      display: block;
      width: 25%;
      height: 25%;
      background-color: #fff;
      border-radius: 50%;
      animation: sk-chase-dot-before 2s infinite ease-in-out both;
    }

    .sk-chase-dot:nth-child(1) {
      animation-delay: -1.1s;
    }

    .sk-chase-dot:nth-child(2) {
      animation-delay: -1.0s;
    }

    .sk-chase-dot:nth-child(3) {
      animation-delay: -0.9s;
    }

    .sk-chase-dot:nth-child(4) {
      animation-delay: -0.8s;
    }

    .sk-chase-dot:nth-child(5) {
      animation-delay: -0.7s;
    }

    .sk-chase-dot:nth-child(6) {
      animation-delay: -0.6s;
    }

    .sk-chase-dot:nth-child(1):before {
      animation-delay: -1.1s;
    }

    .sk-chase-dot:nth-child(2):before {
      animation-delay: -1.0s;
    }

    .sk-chase-dot:nth-child(3):before {
      animation-delay: -0.9s;
    }

    .sk-chase-dot:nth-child(4):before {
      animation-delay: -0.8s;
    }

    .sk-chase-dot:nth-child(5):before {
      animation-delay: -0.7s;
    }

    .sk-chase-dot:nth-child(6):before {
      animation-delay: -0.6s;
    }

    @keyframes sk-chase {
      100% {
        transform: rotate(360deg);
      }
    }

    @keyframes sk-chase-dot {

      80%,
      100% {
        transform: rotate(360deg);
      }
    }

    @keyframes sk-chase-dot-before {
      50% {
        transform: scale(0.4);
      }

      0%,
      100% {
        transform: scale(1);
      }
    }

    .sk-label {
      position: relative;
      font-size: 0.32rem;
      font-weight: bold;
      color: #fff;
      padding-left: 0.32rem;
      width: 100%;
      white-space: nowrap;
      user-select: none;
      text-align: center;
      overflow: visible;
    }

    #suffix {
      display: inline-block;
      color: #f70;
      will-change: transform, opacity, font-size;
      transition: none;
      font-size: 1em;
      transform: translateY(0);
      opacity: 1;
    }
  

/* ============ BUSINESS BLOCK 1 ============ */

    .slide-left-enter-active,
    .slide-left-leave-active,
    .slide-right-enter-active,
    .slide-right-leave-active {
      will-change: transform;
      transition: transform 400ms;
      height: 100%;
      width: 100%;
      top: 0;
      position: absolute;
      backface-visibility: hidden;
      perspective: 1000;
    }

    .slide-right-enter-from,
    .slide-left-leave-to {
      transform: translateX(100%);
    }

    .slide-right-leave-to,
    .slide-left-enter-from {
      transform: translateX(-100%);
    }
  

/* ============ BUSINESS BLOCK 3 ============ */


/* ============ BUSINESS BLOCK 4 ============ */

    .hot-collection-container[data-v-26b6df07] {
      position: relative;
      border-radius: 0.2133rem;
      overflow: hidden;
    }

    .hot-collection-container .hot-collection-content[data-v-26b6df07] {
      width: 100%;
      height: 7.2533rem;
      margin-top: 0.32rem;
      padding: 0 0.2667rem;
    }

    .hot-collection-container .hot-collection-content .hot-collection-content-item[data-v-26b6df07] {
      display: flex;
      flex-direction: column;
      width: 100%;
      height: 100%;
      position: relative;
    }

    .hot-collection-container .hot-collection-content .hot-collection-content-item .hot-collection-content-item-primary-img[data-v-26b6df07] {
      width: 100%;
      height: 5.0667rem;
    }

    .hot-collection-container .hot-collection-content .hot-collection-content-item .hot-collection-content-item-primary-img img[data-v-26b6df07] {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 0.2133rem;
    }

    .hot-collection-container .hot-collection-content .hot-collection-content-item .hot-collection-content-item-desc[data-v-26b6df07] {
      display: flex;
      flex-direction: column;
      width: 100%;
      height: 2.1867rem;
      gap: 0.0267rem;
      position: relative;
      margin-top: 0.88rem;
      padding: 0 0.2667rem;
      z-index: 2;
    }

    .hot-collection-container .hot-collection-content .hot-collection-content-item .hot-collection-content-item-desc .hot-collection-content-item-desc-title[data-v-26b6df07] {
      color: #ffffff;
      font-size: 0.3733rem;
      font-weight: 500;
      line-height: 0.5867rem;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .hot-collection-container .hot-collection-content .hot-collection-content-item .hot-collection-content-item-desc .hot-collection-content-item-desc-info[data-v-26b6df07] {
      color: #ffffff;
      font-size: 0.32rem;
      font-weight: 400;
      line-height: 0.48rem;
      opacity: 0.81;
    }

    .hot-collection-container .hot-collection-content-item-gradient[data-v-26b6df07] {
      position: absolute;
      bottom: 0;
      left: 0.32rem;
      width: calc(100% - 0.5867rem);
      height: 2.88rem;
      pointer-events: none;
      z-index: 1;
      border-bottom-left-radius: 0.2133rem;
      border-bottom-right-radius: 0.2133rem;
    }

    .hot-collection-container .hot-collection-content-item-primary-preview-gif[data-v-26b6df07] {
      position: absolute;
      top: 1.0667rem;
      left: 0.2667rem;
      width: calc(100% - 0.5333rem);
    }

    .hot-collection-container .hot-collection-content-item-primary-preview-gif img[data-v-26b6df07] {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 0.2133rem;
    }

    .hot-collection-container .hot-collection-carousel[data-v-26b6df07] {
      position: absolute;
      bottom: 1.4933rem;
      left: 0;
      width: 100%;
      z-index: 3;
      padding: 0 0.32rem;
    }

    .hot-collection-container .hot-collection-carousel .focus-area-indicator[data-v-26b6df07] {
      position: absolute;
      top: 0;
      left: 0.1067rem;
      width: 2.1867rem;
      height: 1.2267rem;
      border: 0.0267rem dashed rgba(255, 255, 255, 0.3);
      pointer-events: none;
      z-index: 4;
      display: none;
    }

    .hot-collection-container .hot-collection-carousel .hot-collection-carousel-container[data-v-26b6df07] {
      width: 100%;
      height: 1.2267rem;
      display: flex;
      align-items: flex-end;
      gap: 0.16rem;
      overflow-x: auto;
      overflow-y: hidden;
      scrollbar-width: none;
      /* Firefox */
      -ms-overflow-style: none;
      /* IE and Edge */
      padding-left: 0.1067rem;
      scroll-behavior: smooth;
    }

    .hot-collection-container .hot-collection-carousel .hot-collection-carousel-container[data-v-26b6df07]::-webkit-scrollbar {
      display: none;
      /* Chrome, Safari, Opera */
    }

    .hot-collection-container .hot-collection-carousel .hot-collection-carousel-container .hot-collection-carousel-item[data-v-26b6df07] {
      flex-shrink: 0;
      border-radius: 0.1067rem;
      overflow: hidden;
      cursor: pointer;
      position: relative;
    }

    .hot-collection-container .hot-collection-carousel .hot-collection-carousel-container .hot-collection-carousel-item .hot-collection-carousel-item-img[data-v-26b6df07] {
      width: 100%;
      height: 100%;
    }

    .hot-collection-container .hot-collection-carousel .hot-collection-carousel-container .hot-collection-carousel-item .hot-collection-carousel-item-img img[data-v-26b6df07] {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 0.1067rem;
    }
  

/* ============ BUSINESS BLOCK 5 ============ */

    .swiper-free-mode>.swiper-wrapper {
      transition-timing-function: ease-out;
      margin: 0 auto;
    }
  

/* ============ BUSINESS BLOCK 6 ============ */

    :root {
      /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 0.2133rem;
  --swiper-pagination-bottom: 0.2133rem;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 0.1067rem;
  --swiper-pagination-bullet-size: 0.2133rem;
  --swiper-pagination-bullet-width: 0.2133rem;
  --swiper-pagination-bullet-height: 0.2133rem;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 0.1067rem;
  --swiper-pagination-bullet-vertical-gap: 0.16rem;
  */
    }

    .swiper-pagination {
      position: absolute;
      text-align: center;
      transition: 300ms 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;
    }

    /* Common Styles */
    .swiper-pagination-fraction,
    .swiper-pagination-custom,
    .swiper-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal {
      bottom: var(--swiper-pagination-bottom, 0.2133rem);
      top: var(--swiper-pagination-top, auto);
      left: 0;
      width: 100%;
    }

    /* Bullets */
    .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, 0.2133rem));
      height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 0.2133rem));
      display: inline-block;
      border-radius: var(--swiper-pagination-bullet-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-vertical>.swiper-pagination-bullets,
    .swiper-pagination-vertical.swiper-pagination-bullets {
      right: var(--swiper-pagination-right, 0.2133rem);
      left: var(--swiper-pagination-left, auto);
      top: 50%;
      transform: translate3d(0rem, -50%, 0);
    }

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

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

    .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
    .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
      display: inline-block;
      transition: 200ms transform, 200ms 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, 0.1067rem);
    }

    .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
    .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
      left: 50%;
      transform: translateX(-50%);
      white-space: nowrap;
    }

    .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
    .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
      transition: 200ms transform, 200ms left;
    }

    .swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
      transition: 200ms transform, 200ms right;
    }

    /* Fraction */
    .swiper-pagination-fraction {
      color: var(--swiper-pagination-fraction-color, inherit);
    }

    /* Progress */
    .swiper-pagination-progressbar {
      background: var(--swiper-pagination-progressbar-bg-color, 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;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      transform: scale(0);
      transform-origin: left top;
    }

    .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
      transform-origin: right top;
    }

    .swiper-horizontal>.swiper-pagination-progressbar,
    .swiper-pagination-progressbar.swiper-pagination-horizontal,
    .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
    .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
      width: 100%;
      height: var(--swiper-pagination-progressbar-size, 0.1067rem);
      left: 0;
      top: 0;
    }

    .swiper-vertical>.swiper-pagination-progressbar,
    .swiper-pagination-progressbar.swiper-pagination-vertical,
    .swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
    .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
      width: var(--swiper-pagination-progressbar-size, 0.1067rem);
      height: 100%;
      left: 0;
      top: 0;
    }

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

/* ============ BUSINESS BLOCK 7 ============ */

    :root {
      /*
  --swiper-scrollbar-border-radius: 0.2667rem;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 0.1067rem;
  --swiper-scrollbar-left: auto;
  --swiper-scrollbar-right: 0.1067rem;
  --swiper-scrollbar-sides-offset: 1%;
  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
  --swiper-scrollbar-size: 0.1067rem;
  */
    }

    .swiper-scrollbar {
      border-radius: var(--swiper-scrollbar-border-radius, 0.2667rem);
      position: relative;
      touch-action: none;
      background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
    }

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

    .swiper-horizontal>.swiper-scrollbar,
    .swiper-scrollbar.swiper-scrollbar-horizontal {
      position: absolute;
      left: var(--swiper-scrollbar-sides-offset, 1%);
      bottom: var(--swiper-scrollbar-bottom, 0.1067rem);
      top: var(--swiper-scrollbar-top, auto);
      z-index: 50;
      height: var(--swiper-scrollbar-size, 0.1067rem);
      width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
    }

    .swiper-vertical>.swiper-scrollbar,
    .swiper-scrollbar.swiper-scrollbar-vertical {
      position: absolute;
      left: var(--swiper-scrollbar-left, auto);
      right: var(--swiper-scrollbar-right, 0.1067rem);
      top: var(--swiper-scrollbar-sides-offset, 1%);
      z-index: 50;
      width: var(--swiper-scrollbar-size, 0.1067rem);
      height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
    }

    .swiper-scrollbar-drag {
      height: 100%;
      width: 100%;
      position: relative;
      background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
      border-radius: var(--swiper-scrollbar-border-radius, 0.2667rem);
      left: 0;
      top: 0;
    }

    .swiper-scrollbar-cursor-drag {
      cursor: move;
    }

    .swiper-scrollbar-lock {
      display: none;
    }
/* ============ BUSINESS BLOCK 8 ============ */

    .daily-date-tabs[data-v-ef9feaff] {
      padding: 0 0.2667rem;
      margin-bottom: 0.2667rem;
    }

    .date-scroll[data-v-ef9feaff] {
      display: flex;
      overflow-x: auto;
      gap: 0.2667rem;
      padding: 0.1333rem 0;
      scrollbar-width: none;
      -ms-overflow-style: none;
    }

    .date-scroll[data-v-ef9feaff]::-webkit-scrollbar {
      display: none;
    }

    .date-scroll span[data-v-ef9feaff] {
      display: inline-block;
      padding: 0.16rem 0.2667rem;
      font-family: 'DIN';
      font-size: 0.3733rem;
      color: #666;
      white-space: nowrap;
      cursor: pointer;
      transition: all 0.3s ease;
      min-width: 1.0667rem;
      text-align: center;
    }

    .date-scroll span.active[data-v-ef9feaff] {
      color: var(--color-primary);
    }

    .date-scroll span.today[data-v-ef9feaff] {
      min-width: 0.4rem;
    }

    /* .hot-collection-container {
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 0 1rem;
    height: 32rem;
  } */
    .main-image-container[data-v-ef9feaff] {
      flex-shrink: 0;
      margin-bottom: 0.2667rem;
      border-radius: 0.32rem;
      overflow: hidden;
      position: relative;
    }

    .main-image-wrapper[data-v-ef9feaff] {
      position: relative;
      width: 100%;
      overflow: hidden;
    }

    .main-image[data-v-ef9feaff] {
      width: 100%;
      height: auto;
      border-radius: 0.32rem;
    }

    .trailer-image[data-v-ef9feaff] {
      object-fit: cover;
      border-radius: 0.32rem;
    }

    .thumbnail-swiper-overlay[data-v-ef9feaff] {
      position: absolute;
      bottom: 1.5467rem;
      left: 0.2667rem;
      right: 0.2667rem;
      z-index: 10;
      padding: 0.2667rem 0;
      overflow: visible;
    }

    .thumbnail-swiper[data-v-ef9feaff] {
      padding: 0;
    }

    .thumbnail-slide[data-v-ef9feaff] {
      cursor: pointer;
      border-radius: 0.16rem;
      overflow: visible;
      transition: all 0.3s ease;
      border: 0.0533rem solid transparent;
    }

    .thumbnail-slide.active[data-v-ef9feaff] {
      transform: scale(1.1);
      transform-origin: bottom center;
      border-radius: 0.16rem;
      overflow: visible;
    }

    .thumbnail-wrapper[data-v-ef9feaff] {
      position: relative;
      width: 100%;
      /* aspect-ratio: 16/9; */
      overflow: visible;
      border-radius: 0.16rem;
    }

    .thumbnail-image[data-v-ef9feaff] {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.3s ease;
      border-radius: 0.2667rem;
      overflow: visible;
    }

    .thumbnail-slide:hover .thumbnail-image[data-v-ef9feaff] {
      transform: scale(1.1);
    }

    .video-info-section[data-v-ef9feaff] {
      padding-top: 0.9333rem;
      padding-bottom: 0.1333rem;
      background-color: var(--color-primary);
    }

    .video-title[data-v-ef9feaff] {
      font-weight: 500;
      color: var(--color-white);
      font-size: 0.3733rem;
      line-height: 1.4;
      margin-bottom: 0.1067rem;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }

    .video-stats[data-v-ef9feaff] {
      color: #8F8F8F;
      font-size: 0.2933rem;
      line-height: 1.3;
    }

    .video-stats span[data-v-ef9feaff] {
      display: inline;
      font-size: 0.32rem;
    }
  

/* ============ BUSINESS BLOCK 9 ============ */

    .au-form-goup[data-v-47199182] {
      position: relative;
    }

    .au-form-goup.loading .f-a[data-v-47199182],
    .au-form-goup.loading .f-b[data-v-47199182],
    .au-form-goup.loading .f-c[data-v-47199182] {
      opacity: 0.6;
      pointer-events: none;
    }

    .loading-overlay[data-v-47199182] {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(255, 255, 255, 0.9);
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      z-index: 10;
      animation: fadeIn-47199182 0.3s ease-out;
    }

    .loading-spinner[data-v-47199182] {
      display: flex;
      gap: 0.16rem;
      margin-bottom: 0.4rem;
    }

    .loading-spinner .dot[data-v-47199182] {
      width: 0.2133rem;
      height: 0.2133rem;
      background: var(--primary-color, #2196f3);
      border-radius: 50%;
      display: inline-block;
      animation: bounce-47199182 1.4s infinite ease-in-out both;
    }

    .loading-spinner .dot[data-v-47199182]:nth-child(1) {
      animation-delay: -0.32s;
    }

    .loading-spinner .dot[data-v-47199182]:nth-child(2) {
      animation-delay: -0.16s;
    }

    .loading-text[data-v-47199182] {
      color: #666;
      font-size: 0.3733rem;
      animation: fadeIn-47199182 0.3s ease-out;
    }

    .btn.disabled[data-v-47199182] {
      opacity: 0.7;
      cursor: not-allowed;
    }

    @keyframes bounce-47199182 {

      0%,
      80%,
      100% {
        transform: scale(0);
      }

      40% {
        transform: scale(1);
      }
    }

    @keyframes fadeIn-47199182 {
      from {
        opacity: 0;
      }

      to {
        opacity: 1;
      }
    }

    @media (prefers-color-scheme: dark) {
      .loading-overlay[data-v-47199182] {
        background: rgba(18, 18, 18, 0.9);
      }

      .loading-text[data-v-47199182] {
        color: #999;
      }
    }
  

/* ============ BUSINESS BLOCK 10 ============ */

    .banner img[data-v-757d5583] {
      width: 100%;
      max-width: 100%;
      height: auto;
      display: block;
    }

    .popdown-btn-row[data-v-757d5583] {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      gap: 0.4rem;
      margin-top: 0.4267rem;
      width: 100%;
    }

    .pop-btn-img[data-v-757d5583] {
      width: 48%;
      height: auto;
      display: block;
    }
  

/* ============ BUSINESS BLOCK 11 ============ */

    .bottom-ad[data-v-869aaa34] {
      position: fixed;
      /*bottom: 2.56rem;*/

      bottom: calc(2.56rem + constant(safe-area-inset-bottom));
      bottom: calc(2.56rem + env(safe-area-inset-bottom));

      left: 0;
      width: 100%;
      z-index: 98;
      transition: bottom 0.3s ease;
    }

    /* 当下载提示隐藏时，调整底部距离 */
    .bottom-ad.download-hidden[data-v-869aaa34] {
      /*bottom: 1.28rem;*/

      bottom: calc(1.2533rem + constant(safe-area-inset-bottom));
      bottom: calc(1.2533rem + env(safe-area-inset-bottom));
    }

    .bottom-ad-inner[data-v-869aaa34] {
      position: relative;
      max-width: 420px;
      margin: 0 auto;
      box-sizing: border-box;
      width: 100%;
    }

    .bottom-ad-inner .ad-box[data-v-869aaa34] {
      border-radius: 0 !important;
    }

    .bottom-ad-cont[data-v-869aaa34] {
      box-sizing: border-box;
    }

    .ad-close[data-v-869aaa34] {
      position: absolute;
      top: 0.4267rem;
      right: 0.4267rem;
      color: #fff;
      background: rgba(0, 0, 0, 0.5);
      border-radius: 50%;
      padding: 0.1067rem;
      cursor: pointer;
      opacity: 0.85;
      z-index: 10;
      transition: opacity 0.2s;
      line-height: 1;
    }

    .ad-close[data-v-869aaa34]:hover {
      opacity: 1;
    }
  

/* ============ BUSINESS BLOCK 12 ============ */

    /* 图标弹窗样式 */
    .icon-popup-outer[data-v-c6693ffe] {
      background: transparent !important;
      padding: 0 !important;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .icon-popup-padding-wrap[data-v-c6693ffe] {
      padding-bottom: 0.96rem !important;
      /* 为关闭按钮留出空间 */
    }

    .icon-popup-float-close-btn[data-v-c6693ffe] {
      position: absolute;
      left: 50%;
      bottom: -0.5333rem;
      transform: translate(-50%, 50%);
      background: transparent;
      border: none;
      outline: none;
      border-radius: 50%;
      padding: 0.2667rem 0.4267rem;
      font-size: 0.64rem;
      color: #fff;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 10000;
      box-shadow: 0 0.0533rem 0.2133rem rgba(0, 0, 0, 0.12);
    }

    .icon-popup-close-bottom-p[data-v-c6693ffe] {
      display: none;
    }

    .icon-popup-bg2[data-v-c6693ffe] {
      position: relative;
      width: min(9.0133rem, 10.6667rem);
      display: flex;
      flex-direction: column;
      align-items: center;
      border-radius: 0.48rem;
      box-sizing: border-box;
      overflow: visible;
    }

    .icon-popup-bg-top[data-v-c6693ffe] {
      width: 100%;
      aspect-ratio: 1038 / 1110;
      background: url('/src/assets/imgs/pop-cont.png') no-repeat center center;
      background-size: 100% 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      box-sizing: border-box;
      padding-top: 22%;
      /* 可微调icon区距离 */
      padding-bottom: 0.2667rem;
      margin-bottom: 0;
    }

    .icon-popup-bg-bottom[data-v-c6693ffe] {
      width: 100%;
      aspect-ratio: 1038 / 360;
      background: url('/src/assets/imgs/pop-bottom.png') no-repeat center center;
      background-size: 100% 100%;
      display: block;
      margin-top: -0.0267rem;
    }

    .icon-popup-list[data-v-c6693ffe] {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 0.32rem;
      width: 100%;
      padding: 0 0.9333rem;
      box-sizing: border-box;
      max-height: 40vh;
      overflow-y: auto;
      align-content: flex-start;
      /* 隐藏滚动条 */
      scrollbar-width: none;
      /* Firefox */
      -ms-overflow-style: none;
      /* IE 10+ */
    }

    .icon-popup-list[data-v-c6693ffe]::-webkit-scrollbar {
      display: none;
      /* Chrome/Safari/Webkit */
    }

    .icon-popup-item[data-v-c6693ffe] {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-decoration: none;
      width: 100%;
      min-width: 0;
    }

    .icon-popup-img[data-v-c6693ffe] {
      width: 100%;
      aspect-ratio: 1/1;
      object-fit: contain;
      border-radius: 0.32rem;
      background: #fff;
      box-shadow: 0 0.0533rem 0.2133rem rgba(0, 0, 0, 0.08);
    }

    .icon-popup-title[data-v-c6693ffe] {
      margin-top: 0.1067rem;
      font-size: 0.2667rem;
      color: #333;
      text-align: center;
      word-break: break-all;
    }

    .icon-popup-close[data-v-c6693ffe] {
      display: none;
    }

    .icon-popup-close-bottom-p[data-v-c6693ffe] {
      width: 100%;
      padding: 0.32rem 0 0.16rem 0;
      text-align: center;
      margin: 0;
      cursor: pointer;
    }

    .popup-content-wrap[data-v-c6693ffe] {
      padding: 0 0.4267rem;
      padding-top: 0.5333rem;
      margin-bottom: 0.5333rem;
      position: relative;
      max-height: 80vh;
      width: 100%;
      box-sizing: border-box;
    }

    .popup-close-btn[data-v-c6693ffe] {
      position: absolute;
      top: 0rem;
      right: 0rem;
      z-index: 10;
      cursor: pointer;
    }

    .popup-close-icon[data-v-c6693ffe] {
      font-size: 0.8533rem;
      color: #fff;
      opacity: 1;
    }

    .popup-ads-list[data-v-c6693ffe] {
      width: 100%;
      max-height: 80vh;
      overflow-y: auto;
      overflow-x: hidden;
      /* 隐藏滚动条，兼容主流浏览器 */
      scrollbar-width: none;
      /* Firefox */
      -ms-overflow-style: none;
      /* IE 10+ */
    }

    .popup-ads-list[data-v-c6693ffe]::-webkit-scrollbar {
      display: none;
      /* Chrome/Safari/Webkit */
    }

    .popup-ad-img-wrap[data-v-c6693ffe] {
      width: 100%;
      display: flex;
      justify-content: center;
      margin-bottom: 0.2667rem;
    }

    .popup-ad-img-wrap[data-v-c6693ffe]:last-child {
      margin-bottom: 0;
    }

    .popup-ad-img[data-v-c6693ffe] {
      width: 100%;
      height: auto;
      max-width: 100%;
      max-height: 60vh;
      border-radius: 0.4267rem;
      border: 0.0533rem solid #bbb;
      box-shadow: 0 0.0533rem 0.4267rem rgba(0, 0, 0, 0.15);
      display: block;
      margin: 0 auto;
    }

    .ad-popup-center[data-v-c6693ffe] {
      background: transparent;
      max-height: 100vh;
      overflow: hidden;
      max-width: 10rem !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
      width: 100% !important;
    }
  

/* ============ BUSINESS BLOCK 13 ============ */

    :root {
      --page-transition-duration: 400ms;
    }

    .loading {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100%;
    }

    html,
    body,
    #app {
      width: 100%;
      height: 100%;
    }

    .slide-left-enter-active,
    .slide-left-leave-active,
    .slide-right-enter-active,
    .slide-right-leave-active {
      will-change: transform;
      transition: transform var(--page-transition-duration) ease-in-out;
      height: 100%;
      width: 100%;
      top: 0;
      position: absolute;
      backface-visibility: hidden;
      perspective: 1000;
      /* display: none; */
    }

    .slide-right-enter-from,
    .slide-left-leave-to {
      transform: translateX(100%);
    }

    .slide-right-leave-to,
    .slide-left-enter-from {
      transform: translateX(-100%);
    }
  

/* ============ BUSINESS BLOCK 15 ============ */

    @font-face {
      font-family: DIN;
      src: url('../fonts/DIN/DIN-Alternate-Bold.ttf');
      unicode-range: U+30-39, U+0041-007a;
      font-display: fallback;
    }

    @font-face {
      font-family: HYYakuHei;
      src: url('../fonts/HYYakuHei/HYYakuHei.ttf');
    }
/* ============ BUSINESS BLOCK 16 ============ */

    @charset "utf-8";

    *,
    *:after,
    *:before {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }

    * {
      margin: 0;
      padding: 0;
      outline: none;
    }

    ol,
    ul {
      list-style: none;
    }

    ins,
    a {
      text-decoration: none;
      -webkit-tap-highlight-color: transparent;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
    }

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

    img {
      border: none;
      vertical-align: middle;
    }

    html,
    body {
      height: 100%;
      width: 100%;
      max-width: 430px;
      margin: 0 auto;
    }

    body {
      background-color: var(--color-main-bg);
      color: var(--color-main-txt);
      font-size: 0.3733rem;
      font-family: PingFang SC, DFPKingGothicGB-Regular, Lato, Tahoma, Microsoft Yahei, sans-serif !important;
    }

    body.noscrolling {
      overflow: hidden;
    }

    body::-webkit-scrollbar {
      display: none;
    }

    a {
      text-decoration: none;
      color: var(--color-main-txt);
    }

    a,
    span {
      -webkit-tap-highlight-color: transparent;
      -webkit-touch-callout: none;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      tap-highlight-color: rgba(0, 0, 0, 0);
    }

    select {
      -webkit-appearance: none;
      appearance: none;
      border: none;
      background: transparent;
      text-align: center;
    }

    input,
    select,
    textarea {
      outline: none;
      background-color: transparent;
      color: var(--color-white);
      -webkit-appearance: none;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      font-size: 0.3733rem;
      font-family: PingFang SC, DFPKingGothicGB-Regular, Lato, Tahoma, Microsoft Yahei, sans-serif !important;
    }

    input:-webkit-autofill,
    textarea:-webkit-autofill,
    select:-webkit-autofill {
      -webkit-box-shadow: 0 0 0 26.6667rem var(--color-white) inset;
    }

    .btn {
      display: inline-block;
      padding: 0 0.2667rem;
      border: 0.0267rem solid transparent;
      cursor: pointer;
      border-radius: 0.1067rem;
      -webkit-border-radius: 0.1067rem;
      -moz-border-radius: 0.1067rem;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      outline: none;
      text-align: center;
    }

    .btn.btn1 {
      background-color: var(--color-primary);
      color: #fff;
    }

    .btn.btn1:hover,
    .btn.btn1:active {
      opacity: 80 / 100;
      filter: alpha(opacity=80);
    }

    .page {
      width: 100%;
      height: 100%;
      max-width: 430px;
      margin: 0 auto;
    }

    .page.video-page {
      overflow: hidden;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
    }

    .header,
    .footer,
    .s-header,
    .m-header,
    .d-header,
    .h-header,
    .tea-header {
      position: fixed;
      width: 100%;
      max-width: 430px;
      margin: 0 auto;
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
      z-index: 19;
    }

    .header {
      top: 0;
      background-color: var(--color-main-bg);
      height: calc(2.3467rem + constant(safe-area-inset-top));
      height: calc(2.3467rem + env(safe-area-inset-top));
      padding-top: calc(constant(safe-area-inset-top) - 0.2667rem);
      padding-top: calc(env(safe-area-inset-top) - 0.2667rem);
      padding-bottom: constant(safe-area-inset-top);
      padding-bottom: env(safe-area-inset-top);
    }

    .header.fixed {
      -webkit-transform: translateY(-1.5467rem);
      transform: translateY(-1.5467rem);
    }

    .header .head-search {
      height: 1.28rem;
      line-height: 1.28rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 0 0.2667rem;
    }

    .header .head-search .hs-a {
      position: relative;
      padding-right: 0.32rem;
    }

    .header .head-search .hs-a img {
      height: 0.7467rem;
    }

    .header .head-search .hs-a svg {
      display: block;
      height: 0.6933rem;
      fill: var(--color-primary);
    }

    .header .head-search .hs-a span {
      font-weight: 800;
      font-size: 0.48rem;
      color: var(--color-white);
      position: absolute;
      left: 0.8rem;
      top: -0.32rem;
    }

    .header .head-search .hs-b {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      position: relative;
    }

    .header .head-search .hs-b .sb-i {
      cursor: pointer;
    }

    .header .head-search .hs-b .sb-i input {
      height: 0.8533rem;
      line-height: 0.8533rem;
      border-radius: 0.1333rem;
      -webkit-border-radius: 0.1333rem;
      -moz-border-radius: 0.1333rem;
      background-color: rgba(255, 255, 255, 0.1);
      backdrop-filter: blur(0.0533rem);
      width: 100%;
      border: none;
      padding: 0 0.9333rem 0 0;
      color: var(--color-white);
    }

    .header .head-search .hs-b .sb-i i {
      position: absolute;
      right: 0.2667rem;
      top: 0.16rem;
      font-size: 0.5333rem;
      line-height: 0.96rem;
      color: var(--color-light);
    }

    .header .head-search .hs-b .sb-t {
      font-size: 0.32rem;
      position: absolute;
      left: 0.32rem;
      top: 0;
      width: 100%;
      height: 0.96rem;
      line-height: 0.96rem;
      overflow: hidden;
      color: var(--color-light);
    }

    .header .head-search .hs-c a img {
      margin-left: 0.4267rem;
      width: 0.5333rem;
      vertical-align: middle;
      position: relative;
      bottom: 0.0533rem;
    }

    .header .head-search .hs-c a:first-child img {
      width: 0.5867rem;
    }

    .header .head-tabs {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      padding-left: 0.1333rem;
      padding-right: 0.4rem;
    }

    .header .head-tabs .hm-a span {
      cursor: pointer;
      display: inline-block;
      height: 1.0667rem;
      line-height: 1.0667rem;
      padding: 0 0.2667rem;
      font-size: 0.4267rem;
      color: var(--color-666);
      font-weight: 500;
    }

    .header .head-tabs .hm-a span.active {
      color: var(--color-white);
      position: relative;
      font-weight: 600;
    }

    .header .head-tabs .hm-b {
      height: 1.0667rem;
      line-height: 1.0667rem;
    }

    .header .head-tabs .hm-b a {
      display: inline-block;
      width: 0.5333rem;
      height: 0.48rem;
      line-height: 0.48rem;
      border-radius: 0.1067rem;
      -webkit-border-radius: 0.1067rem;
      -moz-border-radius: 0.1067rem;
      text-align: center;
      background-color: rgba(255, 255, 255, 0.1);
      position: relative;
      bottom: 0.0533rem;
    }

    .header .head-tabs .hm-b a i {
      font-size: 0.32rem;
      color: var(--color-light);
      font-weight: 600;
      vertical-align: middle;
      position: relative;
    }

    .header .category-tabs .van-tabs .van-tabs__wrap .van-tabs__nav {
      background-color: var(--color-main-bg);
      padding: 0;
    }

    .header .category-tabs .van-tabs .van-tabs__wrap .van-tabs__nav .van-tab {
      padding: 0 0.2667rem;
    }

    .header .category-tabs .van-tabs .van-tabs__wrap .van-tabs__nav .van-tab .van-tab__text {
      font-size: 0.3733rem;
      white-space: nowrap;
      color: var(--color-light);
      font-weight: 500;
      -webkit-transition: font-size 0.25s linear;
      -moz-transition: font-size 0.25s linear;
      -o-transition: font-size 0.25s linear;
      -ms-transition: font-size 0.25s linear;
      transition: font-size 0.25s linear;
    }

    .header .category-tabs .van-tabs .van-tabs__wrap .van-tabs__nav .van-tab--active .van-tab__text {
      font-size: 0.48rem;
      font-weight: 600;
      color: var(--color-white);
    }

    .header .category-tabs .van-tabs .van-tabs__wrap .van-tabs__nav .van-tabs__line {
      display: none;
    }

    .header .category-tabs .search-icon {
      text-align: center;
      width: 1.1733rem;
      height: 1.1733rem;
      line-height: 1.1733rem;
      position: relative;
      left: 90%;
      top: -1.1733rem;
      background-color: var(--color-main-bg);
      display: none;
    }

    .header .category-tabs .search-icon:before {
      display: block;
      content: "";
      position: absolute;
      width: 0.5333rem;
      height: 100%;
      left: -0.4533rem;
      bottom: 0;
      pointer-events: none;
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="var(--color-main-bg)", endColorstr="transparent");
      background: -webkit-linear-gradient(right, var(--color-main-bg), transparent);
      background: -moz-linear-gradient(right, var(--color-main-bg), transparent);
      background: -o-linear-gradient(right, var(--color-main-bg), transparent);
      background: linear-gradient(right, var(--color-main-bg), transparent);
    }

    .header .category-tabs .search-icon i {
      font-size: 0.64rem;
    }

    .head-menu {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      height: 1.0667rem;
      line-height: 1.0667rem;
      padding: 0 0.2667rem;
      position: relative;
    }

    .head-menu:before {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="var(--color-main-bg)", endColorstr="transparent");
      background: -webkit-linear-gradient(-75deg, var(--color-main-bg), transparent);
      background: -moz-linear-gradient(-75deg, var(--color-main-bg), transparent);
      background: -o-linear-gradient(-75deg, var(--color-main-bg), transparent);
      background: linear-gradient(-75deg, var(--color-main-bg), transparent);
      width: 1.0667rem;
      height: 1.0667rem;
    }

    .head-menu .hm-a {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: nowrap;
      -moz-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      -o-flex-wrap: nowrap;
      flex-wrap: nowrap;
      overflow-x: auto;
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch;
    }

    .head-menu .hm-a::-webkit-scrollbar {
      background-color: transparent;
      display: none;
    }

    .head-menu .hm-a a {
      cursor: pointer;
      padding: 0 0.2667rem;
      font-size: 0.4rem;
      white-space: nowrap;
      color: var(--color-light);
      font-weight: 500;
      -webkit-transition: font-size 0.2s linear;
      -moz-transition: font-size 0.2s linear;
      -o-transition: font-size 0.2s linear;
      -ms-transition: font-size 0.2s linear;
      transition: font-size 0.2s linear;
    }

    .head-menu .hm-a a.active {
      position: relative;
      color: var(--color-white);
      font-weight: 600;
      font-size: 0.48rem;
      /*&:before { content: ""; position: absolute; left: 32%; width: 35%; height: 0.0533rem; .radius(1px); bottom: 0.1067rem; background: var(--color-white); }*/
    }

    .head-menu .hm-a a.active i {
      font-size: 0.4267rem;
      background-image: -webkit-linear-gradient(-45deg, #f4a942, #ff2a14);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    .head-menu .hm-a a i.mv-redian3 {
      font-size: 0.3733rem;
    }

    .head-menu .hm-b {
      -webkit-box-flex: 0 0 1.0667rem;
      -webkit-flex: 0 0 1.0667rem;
      -ms-flex: 0 0 1.0667rem;
      flex: 0 0 1.0667rem;
      text-align: center;
      width: 1.1733rem;
      position: relative;
      display: none;
    }

    .head-menu .hm-b:before {
      display: block;
      content: "";
      position: absolute;
      width: 0.5333rem;
      height: 100%;
      left: -0.4533rem;
      bottom: 0;
      pointer-events: none;
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="var(--color-main-bg)", endColorstr="transparent");
      background: -webkit-linear-gradient(right, var(--color-main-bg), transparent);
      background: -moz-linear-gradient(right, var(--color-main-bg), transparent);
      background: -o-linear-gradient(right, var(--color-main-bg), transparent);
      background: linear-gradient(right, var(--color-main-bg), transparent);
    }

    .head-menu .hm-b i {
      font-size: 0.64rem;
    }

    .d-header {
      height: 1.28rem;
      line-height: 1.28rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      background-color: var(--color-main-bg);
      overflow: hidden;
    }

    .d-header .d-l,
    .d-header .d-r {
      width: auto;
      -webkit-box-flex: 0 0 auto;
      -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      min-width: 1.0667rem;
      text-align: center;
    }

    .d-header .d-l i,
    .d-header .d-r i {
      font-size: 0.64rem;
      vertical-align: middle;
      position: relative;
    }

    .d-header .d-l.d-btn,
    .d-header .d-r.d-btn {
      min-width: 1.8667rem;
    }

    .d-header .d-l.d-btn .btn,
    .d-header .d-r.d-btn .btn {
      height: 0.8533rem;
      line-height: 0.8533rem;
    }

    .d-header .d-l.d-btn span,
    .d-header .d-r.d-btn span {
      font-size: 0.4rem;
    }

    .d-header .d-m {
      position: relative;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .d-header .d-m a {
      position: relative;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      color: #bababb;
      text-align: center;
      font-size: 0.3733rem;
      font-weight: 500;
    }

    .d-header .d-m a.active {
      font-size: 0.48rem;
      font-weight: 600;
      color: var(--color-white);
    }

    .d-header .d-m.dm-input input {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      height: 0.96rem;
      line-height: 0.96rem;
      border-radius: 0.96rem;
      -webkit-border-radius: 0.96rem;
      -moz-border-radius: 0.96rem;
      padding: 0 0.5333rem;
      border: none;
      background-color: rgba(255, 255, 255, 0.1);
      width: 100%;
    }

    .d-header .d-m.dm-input .dm-clear {
      position: absolute;
      top: 0;
      right: 0.1333rem;
      display: inline-block;
      width: 0.96rem;
      height: 0.96rem;
      line-height: 0.96rem;
      cursor: pointer;
      text-align: center;
    }

    .d-header .d-m span {
      display: block;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      font-size: 0.48rem;
      font-weight: 600;
      text-align: center;
    }

    .d-header .d-m.dm-auto {
      text-align: center;
      display: block;
    }
    .d-header .d-m.dm-auto a {
      display: inline-block;
      height: 1.28rem;
      line-height: 1.28rem;
      width: auto;
      padding: 0 0.32rem;
      -webkit-box-flex: 0 0 auto;
      -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
    }

    .d-header .d-r.dr-txt {
      padding: 0 0.2667rem;
    }

    .d-header .d-r .sp-sort.ro i {
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
      transform: rotate(180deg);
    }

    .d-header.h-video {
      background-color: transparent;
    }

    .d-header.u-header {
      height: 1.1733rem;
      line-height: 1.1733rem;
      padding-right: 0.2667rem;
      -webkit-box-pack: flex-end;
      -webkit-justify-content: flex-end;
      -ms-flex-pack: flex-end;
      justify-content: flex-end;
    }

    .d-header.u-header i {
      font-size: 0.64rem;
    }

    .d-header.u-header img {
      width: 0.64rem;
    }

    .d-header.u-header .a-qd {
      border: 0.0267rem solid var(--color-white);
      height: 0.7467rem;
      line-height: 0.7467rem;
      border-radius: 0.7467rem;
      -webkit-border-radius: 0.7467rem;
      -moz-border-radius: 0.7467rem;
      padding: 0 0.32rem;
      font-size: 0.32rem;
      margin-right: 0.4267rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }

    .d-header.u-header .a-qd img {
      width: 0.5333rem;
      margin-right: 0.0533rem;
    }

    .hot-header {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 6.0267rem;
      /*.bg-gradient(192deg, #212121 0.36%, #000 47.86%);*/
      z-index: 11;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      background-size: cover;
      background-color: #000;
    }

    .hot-header .hh-menu {
      height: 1.28rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      z-index: 1;
    }

    .hot-header .hh-menu .m-l,
    .hot-header .hh-menu .m-r {
      width: 1.0667rem;
      -webkit-box-flex: 0 0 1.0667rem;
      -webkit-flex: 0 0 1.0667rem;
      -ms-flex: 0 0 1.0667rem;
      flex: 0 0 1.0667rem;
      text-align: center;
    }

    .hot-header .hh-menu .m-l i,
    .hot-header .hh-menu .m-r i {
      font-size: 0.64rem;
      color: var(--color-white);
    }

    .hot-header .hh-menu .m-m {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      text-align: center;
    }

    .hot-header .hh-menu .m-m a {
      color: var(--color-666);
      font-weight: 500;
      padding: 0 0.32rem;
    }

    .hot-header .hh-menu .m-m a.active {
      font-size: 0.48rem;
      color: var(--color-white);
      font-weight: 600;
    }

    .hot-header .hh-opts .o-tabs {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      margin: 0.4267rem 0.9067rem;
      border-radius: 0.8rem;
      -webkit-border-radius: 0.8rem;
      -moz-border-radius: 0.8rem;
      background-color: rgba(255, 255, 255, 0.2);
      overflow: hidden;
    }

    .hot-header .hh-opts .o-tabs span {
      display: inline-block;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      color: var(--color-white);
      height: 0.8rem;
      line-height: 0.8rem;
      font-size: 0.32rem;
      text-align: center;
      cursor: pointer;
    }

    .hot-header .hh-opts .o-tabs span.active {
      background-color: var(--color-white);
      color: var(--color-black);
      border-radius: 0.8rem;
      -webkit-border-radius: 0.8rem;
      -moz-border-radius: 0.8rem;
    }

    .hot-header .hh-opts .o-title {
      font-family: HYYakuHei;
      color: var(--color-white);
      font-size: 0.7467rem;
      text-align: center;
      margin-bottom: 0.32rem;
    }

    .hot-header .hh-opts .o-rmark {
      color: var(--color-666);
      text-align: center;
      font-size: 0.32rem;
      line-height: 0.5333rem;
    }

    .hot-header .hh-round {
      height: 1.0667rem;
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#212121 0.36%", endColorstr="#000 47.86%");
      background: -webkit-linear-gradient(192deg, #212121 0.36%, #000 47.86%);
      background: -moz-linear-gradient(192deg, #212121 0.36%, #000 47.86%);
      background: -o-linear-gradient(192deg, #212121 0.36%, #000 47.86%);
      background: linear-gradient(192deg, #212121 0.36%, #000 47.86%);
      border-radius: 0 2.6667rem 0 0;
      -webkit-border-radius: 0 2.6667rem 0 0;
      -moz-border-radius: 0 2.6667rem 0 0;
    }

    .hot-header .hh-round .head-menu .hm-a a {
      font-size: 0.3467rem;
    }

    .hot-header .hh-round .head-menu .hm-a a.active {
      font-size: 0.4rem;
    }

    .hot-header .hh-tabs {
      overflow: hidden;
      height: 2.1333rem;
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#212121 0.36%", endColorstr="#000 47.86%");
      background: -webkit-linear-gradient(192deg, #212121 0.36%, #000 47.86%);
      background: -moz-linear-gradient(192deg, #212121 0.36%, #000 47.86%);
      background: -o-linear-gradient(192deg, #212121 0.36%, #000 47.86%);
      background: linear-gradient(192deg, #212121 0.36%, #000 47.86%);
      border-radius: 0 1.0667rem 0 0;
      -webkit-border-radius: 0 1.0667rem 0 0;
      -moz-border-radius: 0 1.0667rem 0 0;
    }

    .hot-header .hh-tabs .row {
      margin-top: 0.2667rem;
      margin-left: 0.2667rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: nowrap;
      -moz-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      -o-flex-wrap: nowrap;
      flex-wrap: nowrap;
      overflow-x: auto;
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch;
    }

    .hot-header .hh-tabs .row::-webkit-scrollbar {
      background-color: transparent;
      display: none;
    }

    .hot-header .hh-tabs .row span {
      color: var(--color-white);
      padding: 0.1333rem 0.2667rem;
      text-align: center;
      border-radius: 1.0667rem;
      -webkit-border-radius: 1.0667rem;
      -moz-border-radius: 1.0667rem;
      font-size: 0.32rem;
      white-space: nowrap;
      margin-right: 0.2667rem;
      cursor: pointer;
    }

    .hot-header .hh-tabs .row span.active {
      background-color: rgba(var(--color-primary-rgba), 0.15);
      color: var(--color-primary);
    }

    .hot-header.hh-actor {
      height: 7.0933rem;
    }

    .tea-header {
      height: 1.28rem;
      line-height: 1.28rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      background-color: var(--color-main-bg);
    }

    .tea-header .t-l {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      padding-left: 0.2667rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
    }

    .tea-header .t-l a {
      position: relative;
      cursor: pointer;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      font-size: 0.4rem;
      color: var(--color-666);
      text-align: center;
      height: 1.3333rem;
      line-height: 1.3333rem;
      display: inline-block;
      font-weight: 500;
    }

    .tea-header .t-l a.active {
      color: var(--color-white);
    }

    .tea-header .t-l a.active:before {
      content: "";
      position: absolute;
      left: 32%;
      width: 35%;
      height: 0.0533rem;
      bottom: 0.2133rem;
      background: var(--color-white);
    }

    .tea-header .t-l a:first-child {
      -webkit-box-flex: 0 0 auto;
      -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      padding-right: 0.2667rem;
      text-align: left;
      font-size: 0.32rem;
      color: var(--color-white);
    }

    .tea-header .t-l a:first-child i {
      font-size: 0.5867rem;
      vertical-align: middle;
      position: relative;
      bottom: 0.0267rem;
    }

    .tea-header .t-r {
      -webkit-box-flex: 0 0 1.3333rem;
      -webkit-flex: 0 0 1.3333rem;
      -ms-flex: 0 0 1.3333rem;
      flex: 0 0 1.3333rem;
      text-align: center;
      z-index: 1;
    }

    .tea-header .t-r i {
      font-size: 0.6933rem;
    }

    .pre-menu {
      padding: 0.2667rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
    }

    .pre-menu span {
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      margin-right: 0.2667rem;
      cursor: pointer;
    }

    .pre-menu span b {
      font-size: 0.4533rem;
      font-weight: 500;
      color: var(--color-white);
      padding: 0 0.2667rem;
      display: inline-block;
      height: 0.8rem;
      line-height: 0.8rem;
    }

    .pre-menu span small {
      background-color: rgba(255, 255, 255, 0.05);
      color: rgba(255, 255, 255, 0.36);
      font-size: 0.3467rem;
      height: 0.64rem;
      line-height: 0.64rem;
      padding: 0 0.2133rem;
      border-radius: 2.6667rem;
      -webkit-border-radius: 2.6667rem;
      -moz-border-radius: 2.6667rem;
    }

    .pre-menu span:last-child {
      margin-right: 0;
    }

    .pre-menu span.active:before {
      content: "";
      position: absolute;
      left: 0;
      height: 100%;
      width: 100%;
      top: 0.1333rem;
      border-radius: 100%;
      background: radial-gradient(circle at center, rgba(244, 169, 66, 0.15), transparent 70%);
    }

    .pre-menu span.active b {
      font-size: 0.48rem;
      font-family: HYYakuHei;
      font-weight: 800;
      font-style: italic;
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#F4A942 0%", endColorstr="#FF2A14 100%");
      background: -webkit-linear-gradient(180deg, #F4A942 0%, #FF2A14 100%);
      background: -moz-linear-gradient(180deg, #F4A942 0%, #FF2A14 100%);
      background: -o-linear-gradient(180deg, #F4A942 0%, #FF2A14 100%);
      background: linear-gradient(180deg, #F4A942 0%, #FF2A14 100%);
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    .sub-menu {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      overflow-x: scroll;
      overflow-y: hidden;
    }

    .sub-menu::-webkit-scrollbar {
      display: none;
    }

    .sub-menu span {
      text-align: center;
      display: inline-block;
      padding: 0.1333rem 0.2667rem;
      border-radius: 0.1067rem;
      -webkit-border-radius: 0.1067rem;
      -moz-border-radius: 0.1067rem;
      white-space: nowrap;
      cursor: pointer;
      font-size: 0.3467rem;
      background-color: rgba(38, 37, 43, 0.3);
      color: #bababb;
      margin-right: 0.1867rem;
    }

    .sub-menu span:last-child {
      margin-right: 0;
    }

    .sub-menu span.active {
      background-color: rgba(51, 46, 42, 0.3);
      color: var(--color-primary);
    }

    .au-main {
      padding-top: 1.28rem;
      padding-bottom: 1.6rem;
      position: relative;
    }

    .au-main .sub-menu {
      padding: 0 0.2667rem 0.2667rem;
      background-color: var(--color-main-bg);
      position: sticky;
      top: 1.28rem;
      left: 0;
      z-index: 2;
    }

    .au-main .sub-menu.filter-bar {
      padding: 0 0.2667rem;
      padding-bottom: 0.2667rem;
      position: fixed;
      top: 3.1733rem;
      width: 100%;
      max-width: 11.4133rem;
      margin: 0 auto;
      z-index: 3;
      left: auto;
    }

    .au-main .h-l-b {
      padding: 2.9333rem 0.2667rem 1.3333rem 0.2667rem;
    }

    .au-main .i-m-b {
      margin-bottom: 0.1333rem;
    }

    .au-main .i-m-b.top11 {
      margin-top: 2.9333rem;
    }

    .au-main .pre-menu {
      position: fixed;
      top: 1.28rem;
      width: 100%;
      max-width: 11.4133rem;
      margin: 0 auto;
      z-index: 2;
      background-color: var(--color-main-bg);
    }

    .au-main .pre-menu:before {
      content: "";
      position: fixed;
      top: 1.28rem;
      height: 1.9733rem;
      left: 0;
      width: 100%;
      max-width: 11.4133rem;
      margin: 0 auto;
      background-color: var(--color-main-bg);
      border-radius: 0.5333rem 0.5333rem 0 0;
      -webkit-border-radius: 0.5333rem 0.5333rem 0 0;
      -moz-border-radius: 0.5333rem 0.5333rem 0 0;
      border-top: 0.0267rem solid rgba(255, 255, 255, 0.08);
      -webkit-touch-callout: none;
      backdrop-filter: blur(1.0133rem);
      -webkit-backdrop-filter: blur(1.0133rem);
    }

    .au-main .u-tabs {
      position: sticky;
      top: 1.28rem;
      z-index: 2;
      margin: 0;
      background-color: var(--color-main-bg);
    }

    .au-main .bbs-weimi,
    .au-main .lb-bbs-weimi {
      padding: 0.2667rem;
      grid-gap: 0.1333rem;
    }

    .n-l-b ul {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-gap: 0.1333rem;
      padding: 0.2667rem;
    }

    .n-l-b ul li {
      position: relative;
      overflow: hidden;
    }

    .n-l-b ul li .l-a {
      position: relative;
      border-radius: 0.1333rem;
      -webkit-border-radius: 0.1333rem;
      -moz-border-radius: 0.1333rem;
      overflow: hidden;
      height: 4.5333rem;
    }

    .n-l-b ul li .l-a:before {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 30%;
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="rgba(0, 0, 0, 0.5)", endColorstr="transparent");
      background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
      background: -moz-linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
      background: -o-linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
      background: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
    }

    .n-l-b ul li .l-a img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: top center;
    }

    .n-l-b ul li .l-a span {
      position: absolute;
    }

    .n-l-b ul li .l-a span.a-a {
      top: 0;
      right: 0;
      font-size: 0.2667rem;
      background-color: var(--color-primary);
      color: var(--color-white);
      border-radius: 0 0.1333rem 0 0.1333rem;
      -webkit-border-radius: 0 0.1333rem 0 0.1333rem;
      -moz-border-radius: 0 0.1333rem 0 0.1333rem;
      padding: 0rem 0.1067rem;
      font-weight: 500;
    }

    .n-l-b ul li .l-a span.a-b {
      bottom: 0.1333rem;
      left: 0;
      width: 100%;
      padding-left: 0.2667rem;
      font-size: 0.2667rem;
      color: var(--color-white);
    }

    .n-l-b ul li .l-b {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      margin-top: 0.08rem;
    }
    .n-l-b ul li .l-b b {
      font-weight: 500;
      color: var(--color-white);
      font-size: 0.3467rem;
    }

    .n-l-b ul li .l-b p {
      padding: 0.1333rem 0;
      color: var(--color-light);
      font-size: 0.32rem;
    }

    .n-l-b ul li .l-b p em {
      display: inline-block;
      padding: 0 0.1333rem;
      font-style: normal;
      font-size: 0.2667rem;
      color: var(--color-666);
    }

    .n-l-b ul li .edit-item {
      display: none;
    }

    .n-l-b.edit ul li .edit-item {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      color: var(--color-white);
      display: block;
    }

    .n-l-b.edit ul li .edit-item i {
      font-size: 0.6933rem;
      position: absolute;
      top: 0.2667rem;
      right: 0.2667rem;
    }

    .n-l-b.edit ul li .edit-item.active {
      /*.bg(rgba(var(--color-primary-rgba),.35));*/
    }

    .n-l-b.edit ul li .edit-item.active i:before {
      content: "\e696";
      color: var(--color-primary);
    }

    .n-l-r {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: 0.1333rem;
      padding: 0 0.2667rem;
    }

    .n-l-r li {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }

    .n-l-r li .l-l {
      -webkit-box-flex: 0 0 1.44rem;
      -webkit-flex: 0 0 1.44rem;
      -ms-flex: 0 0 1.44rem;
      flex: 0 0 1.44rem;
      position: relative;
      width: 1.44rem;
      border-radius: 0.1333rem;
      -webkit-border-radius: 0.1333rem;
      -moz-border-radius: 0.1333rem;
      overflow: hidden;
    }

    .n-l-r li .l-l img {
      width: 100%;
      height: auto;
    }

    .n-l-r li .l-l span {
      position: absolute;
      top: 0;
      left: 0;
      width: 0.32rem;
      text-align: center;
      font-weight: 600;
      font-family: DIN;
      border-radius: 0.1333rem 0 0.1333rem 0;
      -webkit-border-radius: 0.1333rem 0 0.1333rem 0;
      -moz-border-radius: 0.1333rem 0 0.1333rem 0;
      background-color: rgba(0, 0, 0, 0.7);
      color: var(--color-white);
      font-size: 0.2667rem;
    }

    .n-l-r li .l-r {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      padding: 0 0.1333rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-around;
      justify-content: space-around;
      height: 100%;
    }

    .n-l-r li .l-r b {
      font-size: 0.32rem;
      color: var(--color-white);
      font-weight: 500;
    }

    .n-l-r li .l-r p {
      color: var(--color-light);
      font-size: 0.2667rem;
    }

    .n-l-r li .l-r p em {
      display: inline-block;
      padding: 0 0.0533rem;
      font-style: normal;
      font-size: 0.2667rem;
      color: var(--color-666);
    }

    .n-l-r li:nth-child(1) .l-l span {
      background-color: #f44747;
    }

    .n-l-r li:nth-child(2) .l-l span {
      background-color: #ff5c00;
    }

    .n-l-r li:nth-child(3) .l-l span {
      background-color: #ffb800;
    }

    .n-l-r.row1 {
      grid-template-columns: 1fr;
    }

    .n-l-r.row1 li .l-l {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }

    .n-l-r.row1 li .l-r {
      -webkit-box-flex: 3;
      -webkit-flex: 3;
      -ms-flex: 3;
      flex: 3;
    }

    .n-l-r.row1 li .l-r b {
      font-size: 0.4rem;
      font-weight: 500;
    }

    .n-l-r.row1 li .l-r p {
      font-size: 0.32rem;
    }

    .b-tabs {
      margin: 0.2667rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      background-color: rgba(255, 255, 255, 0.1);
      color: var(--color-white);
      border-radius: 2.6667rem;
      -webkit-border-radius: 2.6667rem;
      -moz-border-radius: 2.6667rem;
      overflow: hidden;
      margin-bottom: 0.2667rem;
    }

    .b-tabs span {
      position: relative;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      display: inline-block;
      height: 1.0667rem;
      line-height: 1.0667rem;
      text-align: center;
      cursor: pointer;
      font-weight: 500;
    }

    .b-tabs span:not(:last-child):before {
      position: absolute;
      top: 50%;
      right: 0;
      content: "";
      display: inline-block;
      width: 0.0267rem;
      height: 0.48rem;
      transform: translate(-50%, -50%) rotate(30deg);
      background-color: #ffdf89;
      opacity: 0.2;
    }

    .b-tabs span.active {
      color: var(--color-primary);
      font-weight: 600;
    }

    .u-tabs {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: nowrap;
      -moz-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      -o-flex-wrap: nowrap;
      flex-wrap: nowrap;
      overflow-x: auto;
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch;
      height: 1.0667rem;
      line-height: 1.0667rem;
    }

    .u-tabs::-webkit-scrollbar {
      background-color: transparent;
      display: none;
    }

    .u-tabs span {
      cursor: pointer;
      padding: 0 0.2667rem;
      font-size: 0.4rem;
      white-space: nowrap;
      color: var(--color-light);
      font-weight: 500;
      -webkit-transition: font-size 0.2s linear;
      -moz-transition: font-size 0.2s linear;
      -o-transition: font-size 0.2s linear;
      -ms-transition: font-size 0.2s linear;
      transition: font-size 0.2s linear;
    }

    .u-tabs span.active {
      position: relative;
      color: var(--color-white);
    }

    .u-tabs span.active i {
      font-size: 0.4267rem;
      background-image: -webkit-linear-gradient(-45deg, #f4a942, #ff2a14);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    .u-tabs span.active:before {
      content: "";
      position: absolute;
      left: 32%;
      width: 35%;
      height: 0.0533rem;
      border-radius: 0.0267rem;
      -webkit-border-radius: 0.0267rem;
      -moz-border-radius: 0.0267rem;
      bottom: 0.1067rem;
      background: var(--color-white);
    }

    .novel-main {
      padding-bottom: 1.8667rem;
    }

    .novel-main.nmh-fixed .d-header {
      background-color: transparent;
    }

    .novel-main .novel-introduction .ni-a {
      position: relative;
      padding: 1.28rem 0.2667rem 0 0.2667rem;
    }

    .novel-main .novel-introduction .ni-a .a-a {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      position: relative;
      z-index: 1;
    }

    .novel-main .novel-introduction .ni-a .a-a .aa-l img {
      width: 2.9333rem;
      border-radius: 0.1333rem;
      -webkit-border-radius: 0.1333rem;
      -moz-border-radius: 0.1333rem;
    }

    .novel-main .novel-introduction .ni-a .a-a .aa-r {
      padding-left: 0.2667rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-around;
      justify-content: space-around;
      color: #e1e1e1;
      font-size: 0.3467rem;
    }

    .novel-main .novel-introduction .ni-a .a-a .aa-r .r-a {
      font-weight: 600;
      font-size: 0.4267rem;
      color: var(--color-white);
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      word-break: break-all;
      -o-text-overflow: ellipsis;
      -ms-text-overflow: ellipsis;
      text-overflow: ellipsis;
      overflow: hidden;
    }

    .novel-main .novel-introduction .ni-a .a-a .aa-r .r-b em {
      display: inline-block;
      padding: 0 0.1333rem;
      font-style: normal;
      font-size: 0.32rem;
      color: var(--color-666);
    }

    .novel-main .novel-introduction .ni-a .a-a .aa-r .r-c span {
      margin-right: 0.2667rem;
    }

    .novel-main .novel-introduction .ni-a .a-a .aa-r .r-c span b {
      font-weight: 500;
      color: var(--color-white);
      font-family: DIN;
    }

    .novel-main .novel-introduction .ni-a .a-a .aa-r .r-c span:last-child {
      margin-right: 0;
    }

    .novel-main .novel-introduction .ni-a .a-b {
      color: var(--color-light);
      margin-top: 0.2667rem;
      z-index: 1;
      position: relative;
    }

    .novel-main .novel-introduction .ni-a .a-b.els3 .ab-a {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      word-break: break-all;
      -o-text-overflow: ellipsis;
      -ms-text-overflow: ellipsis;
      text-overflow: ellipsis;
      overflow: hidden;
    }

    .novel-main .novel-introduction .ni-a .a-b.els3 .ab-b i {
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
      transform: rotate(90deg);
    }

    .novel-main .novel-introduction .ni-a .a-b .ab-b {
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="rgba(0, 0, 0, 0.1)", endColorstr="transparent");
      background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.1), transparent);
      background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.1), transparent);
      background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.1), transparent);
      background: linear-gradient(bottom, rgba(0, 0, 0, 0.1), transparent);
      margin: 0 auto;
      height: 0.8rem;
      line-height: 0.8rem;
      text-align: center;
    }

    .novel-main .novel-introduction .ni-a .a-b .ab-b i {
      display: inline-block;
      -webkit-transform: rotate(-90deg);
      -moz-transform: rotate(-90deg);
      -o-transform: rotate(-90deg);
      filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
      transform: rotate(-90deg);
      -webkit-transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      -o-transition: all 0.2s linear;
      -ms-transition: all 0.2s linear;
      transition: all 0.2s linear;
    }

    .novel-main .novel-introduction .ni-a .a-c {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      filter: blur(1.3333rem);
      -webkit-filter: blur(1.3333rem);
      -moz-filter: blur(1.3333rem);
      -o-filter: blur(1.3333rem);
      -ms-filter: blur(1.3333rem);
      filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='1.3333rem');
    }

    .novel-main .novel-introduction .ni-a .a-c:after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="rgba(0, 0, 0, 0.05) 5%", endColorstr="rgba(0, 0, 0, 0.55)");
      background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0.05) 5%, rgba(0, 0, 0, 0.55));
      background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0.05) 5%, rgba(0, 0, 0, 0.55));
      background: -o-linear-gradient(180deg, rgba(0, 0, 0, 0.05) 5%, rgba(0, 0, 0, 0.55));
      background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 5%, rgba(0, 0, 0, 0.55));
    }

    .novel-main .novel-introduction .ni-b {
      position: relative;
      z-index: 1;
      padding: 0.2667rem;
    }

    .novel-main .novel-introduction .ni-b dl dt {
      color: var(--color-light);
      padding-bottom: 0.2667rem;
    }

    .novel-main .novel-introduction .ni-b dl dd {
      padding: 0.1333rem 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .novel-main .novel-introduction .ni-b p {
      text-align: center;
      margin: 0.2667rem 0;
      height: 1.0667rem;
      line-height: 1.0667rem;
      border-radius: 0.1333rem;
      -webkit-border-radius: 0.1333rem;
      -moz-border-radius: 0.1333rem;
      background-color: rgba(255, 255, 255, 0.1);
      color: var(--color-white);
      cursor: pointer;
    }

    .novel-main .au-tab-group {
      padding: 0 0.2667rem 0.2667rem 0.2667rem;
    }

    .novel-main .au-tab-group .g-item .i-r {
      padding-left: 0;
    }

    .novel-main .au-tab-group .g-item .i-r span {
      -webkit-box-flex: 0 0 auto;
      -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
    }

    .novel-main .n-l-b {
      padding-top: 0;
    }

    .novel-chapter {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
    }

    .novel-chapter a {
      padding: 0.32rem 0.2667rem;
      font-size: 0.4267rem;
      color: var(--color-light);
    }

    .novel-chapter a:active {
      background-color: rgba(255, 255, 255, 0.1);
    }

    .novel-read .nr-title {
      font-size: 0.5867rem;
      font-weight: 600;
      padding: 0.2667rem;
    }

    .novel-read .nr-contnt p {
      padding: 0 0.2667rem 0.5333rem 0.2667rem;
      font-size: 0.48rem;
      font-weight: 500;
      text-indent: 1.0667rem;
      color: var(--color-light);
      line-height: 0.8rem;
      font-family: PingFang SC, DFPKingGothicGB-Medium, Lato, Tahoma, Microsoft Yahei, sans-serif;
    }

    .novel-read .nr-navigation {
      position: fixed;
      bottom: 0;
      width: 100%;
      z-index: 2;
      display: grid;
      grid-template-columns: 2fr 1fr 1fr;
      grid-gap: 0.2667rem;
      padding: 0.2667rem;
      background-color: #16151B;
    }

    .novel-read .nr-navigation span {
      height: 0.96rem;
      line-height: 0.96rem;
      border-radius: 0.1333rem;
      -webkit-border-radius: 0.1333rem;
      -moz-border-radius: 0.1333rem;
      background-color: rgba(255, 255, 255, 0.1);
      text-align: center;
    }

    .novel-read .nr-navigation span i {
      vertical-align: middle;
      position: relative;
      bottom: 0.0267rem;
      margin-right: 0.08rem;
    }

    .novel-read .nr-navigation span:first-child {
      background-color: rgba(var(--color-primary-rgba), 0.1);
    }

    .novel-read .nr-navigation span.un {
      opacity: 40 / 100;
      filter: alpha(opacity=40);
    }

    .novel-read .nr-navigation.nnt {
      grid-template-columns: 1fr 1fr;
    }

    .novel-read .nr-navigation.nnt small {
      font-size: 0.32rem;
      text-align: right;
      color: var(--color-666);
      height: 0.8533rem;
      line-height: 0.8533rem;
    }

    .main {
      padding-top: 2.5067rem;
      padding-bottom: 1.8667rem;
    }

    .footer {
      bottom: 0;
    }

    .footer.hidden {
      display: none;
      opacity: 0;
      pointer-events: none;
    }

    .footer.fixed {
      -webkit-transform: translateY(11.4133rem);
      transform: translateY(1.28rem);
    }

    .footer.f-footer {
      position: relative;
    }

    .footer .p-foot {
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#16151b", endColorstr="rgba(22, 21, 27, 0.85)");
      background: -webkit-linear-gradient(to top, #16151b, rgba(22, 21, 27, 0.85));
      background: -moz-linear-gradient(to top, #16151b, rgba(22, 21, 27, 0.85));
      background: -o-linear-gradient(to top, #16151b, rgba(22, 21, 27, 0.85));
      background: linear-gradient(to top, #16151b, rgba(22, 21, 27, 0.85));
      border-top: 0rem solid rgba(255, 255, 255, 0.1);
      -webkit-touch-callout: none;
      backdrop-filter: blur(1.0133rem);
      -webkit-backdrop-filter: blur(1.0133rem);
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      padding-bottom: constant(safe-area-inset-bottom);
      padding-bottom: env(safe-area-inset-bottom);
      padding-top: calc(constant(safe-area-inset-bottom) - 0.4rem);
      padding-top: calc(env(safe-area-inset-bottom) - 0.4rem);
      height: calc(1.28rem + constant(safe-area-inset-bottom));
      height: calc(1.28rem + env(safe-area-inset-bottom));
    }
    .footer .p-foot a {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      color: var(--color-light);
      font-size: 0.2667rem;
      font-weight: 500;
    }

    .footer .p-foot a i {
      position: relative;
      display: inline-block;
      font-size: 0.64rem;
      font-weight: 400;
    }

    .footer .p-foot a.active {
      color: var(--color-white);
    }

    .footer .p-foot a.active i {
      animation: scaleAnimation 0.5s ease-in-out;
      color: var(--color-white);
    }

    .footer .p-foot a.active i.mv-shouye:before {
      content: "\e61e";
    }

    .footer .p-foot a.active i.mv-tag:before {
      content: "\e630";
    }

    .footer .p-foot a.active i.mv-dsp:before {
      content: "\e65d";
    }

    .footer .p-foot a.active i.mv-game:before {
      content: "\e614";
    }

    .footer .p-foot a.active i.mv-home0:before {
      content: "\e617";
    }

    .footer .p-foot a.active i.mv-shequ:before {
      content: "\e67b";
    }

    .footer .p-foot a.active i.mv-jingxuan:before {
      content: "\e68b";
    }

    .footer .p-foot a.active i.mv-manhua:before {
      content: "\e6ac";
    }

    .footer .p-foot a.active i.mv-piazz:before {
      content: "\e6b3";
    }

    .footer .p-foot a.active i.mv-home1:before {
      content: "\e6b8";
    }

    .footer .p-foot a.active i.mv-my:before {
      content: "\e6bd";
    }

    .footer .p-foot a.active i.mv-bbs:before {
      content: "\e6b7";
    }

    .footer .p-foot a.active i.mv-video:before {
      content: "\e6bc";
    }

    @font-face {
      font-family: "mvfont";
      /* Project id 4698642 */
      src: url('../fonts/iconfont.woff2') format('woff2'),
        url('../fonts/iconfont.woff2') format('woff'),
        url('../fonts/iconfont.woff2') format('truetype');
    }

    .mvfont {
      font-family: "mvfont" !important;
      font-size: 0.4267rem;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }

    .mv-bbs_full:before {
      content: "\e6b7";
    }

    .mv-home_full1:before {
      content: "\e6b8";
    }

    .mv-my:before {
      content: "\e6ba";
    }

    .mv-home1:before {
      content: "\e6bb";
    }

    .mv-video_full:before {
      content: "\e6bc";
    }

    .mv-my_full:before {
      content: "\e6bd";
    }

    .mv-video:before {
      content: "\e6be";
    }

    .mv-bbs:before {
      content: "\e6c2";
    }

    .mv-piazz:before {
      content: "\e6b1";
    }

    .mv-piazz_full:before {
      content: "\e6b3";
    }

    .mv-chupeng:before {
      content: "\e6b2";
    }

    .mv-manhua_full:before {
      content: "\e6ac";
    }

    .mv-manhua:before {
      content: "\e6b0";
    }

    .mv-guanbi:before {
      content: "\e6aa";
    }

    .mv-mv-nzan_full:before {
      content: "\e6a9";
    }

    .mv-beisu:before {
      content: "\e6a6";
    }

    .mv-jqqd1:before {
      content: "\e6a7";
    }

    .mv-notice:before {
      content: "\e697";
    }

    .mv-top1:before {
      content: "\e6a4";
    }

    .mv-fenxiang5:before {
      content: "\e695";
    }

    .mv-gdjj1:before {
      content: "\e6ab";
    }

    .mv-bfms1:before {
      content: "\e6ad";
    }

    .mv-bfms2:before {
      content: "\e6ae";
    }

    .mv-beisu2:before {
      content: "\e6af";
    }

    .mv-Pause:before {
      content: "\e698";
    }

    .mv-Play:before {
      content: "\e6a0";
    }

    .mv-xyq:before {
      content: "\e6a1";
    }

    .mv-syq:before {
      content: "\e6a2";
    }

    .mv-shang:before {
      content: "\e694";
    }

    .mv-heji:before {
      content: "\e693";
    }

    .mv-zyml:before {
      content: "\e692";
    }

    .mv-unckbox:before {
      content: "\e696";
    }

    .mv-ckbox:before {
      content: "\e69d";
    }

    .mv-qiyong:before {
      content: "\e68d";
    }

    .mv-jinyong:before {
      content: "\e690";
    }

    .mv-xiangji:before {
      content: "\e8c7";
    }

    .mv-hyh2:before {
      content: "\e68f";
    }

    .mv-xiaoxi1:before {
      content: "\e69f";
    }

    .mv-sanxiegang:before {
      content: "\e6b6";
    }

    .mv-s_wanjie:before {
      content: "\e691";
    }

    .mv-s_shoucangjia1:before {
      content: "\fb93";
    }

    .mv-s_shoucangjia11:before {
      content: "\fc06";
    }

    .mv-s_paihangbang:before {
      content: "\e69c";
    }

    .mv-s_rankinglist:before {
      content: "\e689";
    }

    .mv-s_lianzai:before {
      content: "\e68a";
    }

    .mv-s_fenlei:before {
      content: "\e8af";
    }

    .mv-lianzai:before {
      content: "\e685";
    }

    .mv-yuedubangdan:before {
      content: "\e687";
    }

    .mv-wanjie:before {
      content: "\e688";
    }

    .mv-xihuan0:before {
      content: "\e683";
    }

    .mv-shequ:before {
      content: "\e686";
    }

    .mv-kafei:before {
      content: "\e738";
    }

    .mv-motetu-xuanzhong:before {
      content: "\e680";
    }

    .mv-shoucangjiafolder:before {
      content: "\e681";
    }

    .mv-shoucangjia:before {
      content: "\e6ed";
    }

    .mv-jubao:before {
      content: "\e67f";
    }

    .mv-jiesuo2:before {
      content: "\e678";
    }

    .mv-yijiesuo:before {
      content: "\e750";
    }

    .mv-peifutubiao:before {
      content: "\e67a";
    }

    .mv-renzhengguanli:before {
      content: "\e67d";
    }

    .mv-guanfangrenzheng:before {
      content: "\e67e";
    }

    .mv-guanfang:before {
      content: "\e677";
    }

    .mv-yirenzheng:before {
      content: "\e675";
    }

    .mv-xing5:before {
      content: "\e674";
    }

    .mv-jiesuo:before {
      content: "\e713";
    }

    .mv-dingwei:before {
      content: "\e66b";
    }

    .mv-dingwei1:before {
      content: "\e8c4";
    }

    .mv-dingwei2:before {
      content: "\e673";
    }

    .mv-dingwei0:before {
      content: "\e733";
    }

    .mv-fdsp:before {
      content: "\e69b";
    }

    .mv-fdsp-full:before {
      content: "\e82a";
    }

    .mv-yuehui:before {
      content: "\e66f";
    }

    .mv-yuehui2-full:before {
      content: "\e671";
    }

    .mv-yuehui-full:before {
      content: "\e6bf";
    }

    .mv-huaban:before {
      content: "\e66c";
    }

    .mv-Left3:before {
      content: "\e66a";
    }

    .mv-right3:before {
      content: "\10105";
    }

    .mv-zbza:before {
      content: "\e6a8";
    }

    .mv-zbza1:before {
      content: "\e6c1";
    }

    .mv-tcyp:before {
      content: "\e664";
    }

    .mv-bb1:before {
      content: "\e6b9";
    }

    .mv-jianyi:before {
      content: "\e725";
    }

    .mv-n91:before {
      content: "\e670";
    }

    .mv-madou2:before {
      content: "\e665";
    }

    .mv-nm91:before {
      content: "\e667";
    }

    .mv-madou1:before {
      content: "\e77f";
    }

    .mv-madou:before {
      content: "\e897";
    }

    .mv-pinglun3:before {
      content: "\e662";
    }

    .mv-pinglun1:before {
      content: "\e661";
    }

    .mv-pinglun2:before {
      content: "\e663";
    }

    .mv-quanping:before {
      content: "\e65f";
    }

    .mv-quanping1:before {
      content: "\e672";
    }

    .mv-shengyin0:before {
      content: "\e6c0";
    }

    .mv-jingyin:before {
      content: "\e65e";
    }

    .mv-jingxuan:before {
      content: "\e66e";
    }

    .mv-jingxuan1:before {
      content: "\e68b";
    }

    .mv-jingxuan2:before {
      content: "\e659";
    }

    .mv-dunp1:before {
      content: "\e658";
    }

    .mv-kuang2:before {
      content: "\e6ea";
    }

    .mv-kuang:before {
      content: "\e69e";
    }

    .mv-cvFilter:before {
      content: "\e64b";
    }

    .mv-zheng:before {
      content: "\e8d4";
    }

    .mv-dunp:before {
      content: "\e65c";
    }

    .mv-jingzhun:before {
      content: "\e704";
    }

    .mv-biaoji:before {
      content: "\e699";
    }

    .mv-full_zan:before {
      content: "\e668";
    }

    .mv-tuji1:before {
      content: "\e6b4";
    }

    .mv-shanchu:before {
      content: "\e64f";
    }

    .mv-left1:before {
      content: "\10103";
    }

    .mv-left2:before {
      content: "\10104";
    }

    .mv-right2:before {
      content: "\e655";
    }

    .mv-right1:before {
      content: "\e9cd";
    }

    .mv-biaoqing:before {
      content: "\e603";
    }

    .mv-shengxu:before {
      content: "\e651";
    }

    .mv-jiangxu:before {
      content: "\e653";
    }

    .mv-kuaitui10s:before {
      content: "\e650";
    }

    .mv-kuaijin15s:before {
      content: "\e6e7";
    }

    .mv-kuaitui15s:before {
      content: "\e6e8";
    }

    .mv-kuaijin10s:before {
      content: "\e64e";
    }

    .mv-zuixin:before {
      content: "\e65b";
    }

    .mv-mv1:before {
      content: "\e8ed";
    }

    .mv-hot3:before {
      content: "\e64d";
    }

    .mv-quanbu:before {
      content: "\e707";
    }

    .mv-jia2:before {
      content: "\e7cb";
    }

    .mv-paihb:before {
      content: "\e853";
    }

    .mv-remenbang:before {
      content: "\e64a";
    }

    .mv-redian4:before {
      content: "\e66d";
    }

    .mv-redian:before {
      content: "\e6c3";
    }

    .mv-resou:before {
      content: "\e644";
    }

    .mv-zhutirebangbeifen:before {
      content: "\e647";
    }

    .mv-rebang:before {
      content: "\e6a3";
    }

    .mv-resoubang:before {
      content: "\e75b";
    }

    .mv-icon_resou:before {
      content: "\e648";
    }

    .mv-pinglun:before {
      content: "\e604";
    }

    .mv-like:before {
      content: "\e868";
    }
    .mv-shequ-full:before {
      content: "\e67b";
    }

    .mv-shequ1:before {
      content: "\e63d";
    }

    .mv-remendianpu:before {
      content: "\e610";
    }

    .mv-remenshangpintuijian:before {
      content: "\e645";
    }

    .mv-rementuijian1:before {
      content: "\e68e";
    }

    .mv-remen1:before {
      content: "\e646";
    }

    .mv-remen11:before {
      content: "\e64c";
    }

    .mv-paihang:before {
      content: "\e60e";
    }

    .mv-paihang1:before {
      content: "\e63a";
    }

    .mv-bofang2:before {
      content: "\e657";
    }

    .mv-dianji:before {
      content: "\e87c";
    }

    .mv-dianying:before {
      content: "\e778";
    }

    .mv-dianying-full:before {
      content: "\e9fd";
    }

    .mv-duanju:before {
      content: "\e609";
    }

    .mv-erweima:before {
      content: "\e643";
    }

    .mv-email_full:before {
      content: "\e684";
    }

    .mv-telegram:before {
      content: "\f246";
    }

    .mv-email:before {
      content: "\e719";
    }

    .mv-guanwang:before {
      content: "\ea11";
    }

    .mv-ie:before {
      content: "\e601";
    }

    .mv-xiazai1:before {
      content: "\e63c";
    }

    .mv-xiazai2:before {
      content: "\e606";
    }

    .mv-ios:before {
      content: "\e624";
    }

    .mv-android:before {
      content: "\e639";
    }

    .mv-bofang1:before {
      content: "\f470";
    }

    .mv-riqi:before {
      content: "\e637";
    }

    .mv-lishishijian:before {
      content: "\e62f";
    }

    .mv-history:before {
      content: "\e602";
    }

    .mv-user_big_outlined:before {
      content: "\e9b8";
    }

    .mv-touxiang1:before {
      content: "\e636";
    }

    .mv-useryonghu:before {
      content: "\e858";
    }

    .mv-shizhong_fill:before {
      content: "\e74e";
    }

    .mv-chenggong:before {
      content: "\e79a";
    }

    .mv-shibai:before {
      content: "\e626";
    }

    .mv-xuanzhong:before {
      content: "\e620";
    }

    .mv-radio:before {
      content: "\e660";
    }

    .mv-kefu1:before {
      content: "\e623";
    }

    .mv-shouye1:before {
      content: "\e8a6";
    }

    .mv-shouye:before {
      content: "\e638";
    }

    .mv-shouye-full:before {
      content: "\e61e";
    }

    .mv-fenxiang3:before {
      content: "\e63f";
    }

    .mv-fenxiang:before {
      content: "\e7c5";
    }

    .mv-fenxiang1:before {
      content: "\e625";
    }

    .mv-fenxiang4:before {
      content: "\e771";
    }

    .mv-vip1:before {
      content: "\e61c";
    }

    .mv-changjianwenti1:before {
      content: "\e640";
    }

    .mv-yizhangtong:before {
      content: "\e6c7";
    }

    .mv-appxz:before {
      content: "\e67c";
    }

    .mv-fds:before {
      content: "\e732";
    }

    .mv-cjwt:before {
      content: "\eaa6";
    }

    .mv-dsp:before {
      content: "\e65a";
    }

    .mv-duanshipin:before {
      content: "\e619";
    }

    .mv-duanshipin-xuanzhong:before {
      content: "\e86c";
    }

    .mv-dsp-full:before {
      content: "\e65d";
    }

    .mv-tixing1-full:before {
      content: "\e8c0";
    }

    .mv-fenxiang2:before {
      content: "\e679";
    }

    .mv-service:before {
      content: "\e68c";
    }

    .mv-scan:before {
      content: "\e69a";
    }

    .mv-sort:before {
      content: "\e6b5";
    }

    .mv-zuji:before {
      content: "\e70a";
    }

    .mv-home0-full:before {
      content: "\e617";
    }

    .mv-home0:before {
      content: "\e618";
    }

    .mv-wodeshequ2:before {
      content: "\e61a";
    }

    .mv-wodeshequ:before {
      content: "\e61f";
    }

    .mv-tag-full:before {
      content: "\e630";
    }

    .mv-tag:before {
      content: "\e633";
    }

    .mv-yzm:before {
      content: "\e60b";
    }

    .mv-shoujihao:before {
      content: "\e616";
    }

    .mv-appxiazai:before {
      content: "\e642";
    }

    .mv-jinglirun:before {
      content: "\e6a5";
    }

    .mv-zzjl:before {
      content: "\e611";
    }

    .mv-agent:before {
      content: "\e63e";
    }

    .mv-xiangqing1:before {
      content: "\e635";
    }

    .mv-youhui:before {
      content: "\e75a";
    }

    .mv-tixing1:before {
      content: "\e60a";
    }

    .mv-tiaozhuan1:before {
      content: "\e62b";
    }

    .mv-sfz:before {
      content: "\e621";
    }

    .mv-saoyisaoerweima:before {
      content: "\e63b";
    }

    .mv-jiangli:before {
      content: "\e60c";
    }

    .mv-changjianwenti:before {
      content: "\e632";
    }

    .mv-info:before {
      content: "\e62e";
    }

    .mv-fxlj:before {
      content: "\e60f";
    }

    .mv-xiaoxi:before {
      content: "\e622";
    }

    .mv-guanyuwomen:before {
      content: "\e654";
    }

    .mv-labax:before {
      content: "\e608";
    }

    .mv-share:before {
      content: "\e628";
    }

    .mv-fuzhi:before {
      content: "\e613";
    }

    .mv-tuichu1:before {
      content: "\e7ed";
    }

    .mv-setting:before {
      content: "\e61b";
    }

    .mv-bianji:before {
      content: "\e818";
    }

    .mv-vip3:before {
      content: "\e627";
    }

    .mv-rewards:before {
      content: "\e615";
    }

    .mv-zuijin:before {
      content: "\e61d";
    }

    .mv-password:before {
      content: "\10100";
    }

    .mv-bets:before {
      content: "\e607";
    }

    .mv-guangbo:before {
      content: "\e656";
    }

    .mv-zhuanfa1:before {
      content: "\e6f4";
    }

    .mv-nzan:before {
      content: "\e870";
    }

    .mv-time:before {
      content: "\e74f";
    }

    .mv-kefu_fill:before {
      content: "\e6f0";
    }

    .mv-kefu:before {
      content: "\e6f1";
    }

    .mv-shoucang:before {
      content: "\e629";
    }

    .mv-zhuanfa:before {
      content: "\e78e";
    }

    .mv-xihuan:before {
      content: "\e7de";
    }

    .mv-banyuan:before {
      content: "\e641";
    }

    .mv-kan:before {
      content: "\e669";
    }

    .mv-zan:before {
      content: "\e62a";
    }

    .mv-bofang:before {
      content: "\e62d";
    }

    .mv-live_fill:before {
      content: "\e708";
    }

    .mv-live:before {
      content: "\e709";
    }

    .mv-close:before {
      content: "\e605";
    }

    .mv-hyh:before {
      content: "\e631";
    }

    .mv-mangguo:before {
      content: "\e60d";
    }

    .mv-xietiao:before {
      content: "\e819";
    }

    .mv-xt:before {
      content: "\e676";
    }

    .mv-search:before {
      content: "\e634";
    }

    .mv-search1:before {
      content: "\e7ec";
    }

    .mv-game:before {
      content: "\e612";
    }

    .mv-game_full:before {
      content: "\e614";
    }

    .mv-like_fill:before {
      content: "\e86d";
    }

    .mv-user:before {
      content: "\e8c8";
    }

    .mv-user_full:before {
      content: "\e8c9";
    }

    .mv-home:before {
      content: "\e70e";
    }

    .mv-home_full:before {
      content: "\e712";
    }

    .mv-top:before {
      content: "\e649";
    }

    .mv-xia:before {
      content: "\eb05";
    }

    .mv-left:before {
      content: "\10101";
    }

    .mv-app:before {
      content: "\e652";
    }

    .mv-hot1:before {
      content: "\e600";
    }

    .mv-remenhot:before {
      content: "\e7c7";
    }

    .mv-hot2:before {
      content: "\e62c";
    }

    .mv-hot_full:before {
      content: "\e666";
    }

    .mv-hot:before {
      content: "\e682";
    }

    .mv-right:before {
      content: "\10102";
    }



    .footer .edit-foot {
      background-color: #000;
      -webkit-touch-callout: none;
      backdrop-filter: blur(0.0533rem);
      -webkit-backdrop-filter: blur(0.0533rem);
      padding-bottom: constant(safe-area-inset-bottom);
      padding-bottom: env(safe-area-inset-bottom);
      padding-top: calc(constant(safe-area-inset-bottom) - 0.4rem);
      padding-top: calc(env(safe-area-inset-bottom) - 0.4rem);
      height: calc(1.28rem + constant(safe-area-inset-bottom));
      height: calc(1.28rem + env(safe-area-inset-bottom));
      display: none;
    }

    .footer .edit-foot.edit {
      display: block;
    }

    .footer .edit-foot .f-bd {
      height: 100%;
      width: 100%;
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 0 0.2667rem;
    }

    .footer .edit-foot .f-bd a {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      display: inline-block;
      height: 0.96rem;
      line-height: 0.96rem;
      border-radius: 0.1333rem;
      -webkit-border-radius: 0.1333rem;
      -moz-border-radius: 0.1333rem;
      padding: 0 0.2667rem;
      cursor: pointer;
      background-color: rgba(255, 255, 255, 0.1);
      font-size: 0.4267rem;
      text-align: center;
    }

    .footer .edit-foot .f-bd a:not(:last-child) {
      margin-right: 0.4267rem;
    }

    .footer .edit-foot .f-bd a i {
      margin-right: 0.1333rem;
      font-size: 0.48rem;
      vertical-align: middle;
      position: relative;
      bottom: 0.0533rem;
    }

    .footer .edit-foot .f-bd a.fx-15 {
      -webkit-box-flex: 1.5;
      -webkit-flex: 1.5;
      -ms-flex: 1.5;
      flex: 1.5;
    }

    .footer .p-comment {
      position: relative;
      background-color: #111;
      -webkit-touch-callout: none;
      backdrop-filter: blur(0.0533rem);
      -webkit-backdrop-filter: blur(0.0533rem);
      padding-bottom: constant(safe-area-inset-bottom);
      padding-bottom: env(safe-area-inset-bottom);
      padding-top: calc(constant(safe-area-inset-bottom) - 0.4rem);
      padding-top: calc(env(safe-area-inset-bottom) - 0.4rem);
      height: calc(1.28rem + constant(safe-area-inset-bottom));
      height: calc(1.28rem + env(safe-area-inset-bottom));
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      padding: 0 0.2667rem;
    }

    .footer .p-comment .c-l {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }
    .footer .p-comment .c-l input {
      height: 0.8533rem;
      line-height: 0.8533rem;
      border-radius: 0.8533rem;
      -webkit-border-radius: 0.8533rem;
      -moz-border-radius: 0.8533rem;
      border: 0.0267rem solid transparent;
      background-color: rgba(255, 255, 255, 0.1);
      padding: 0 0.2667rem;
      width: 100%;
    }

    .footer .p-comment .c-l input:focus {
      border: 0.0267rem solid rgba(255, 255, 255, 0.2);
    }

    .footer .p-comment .c-r span {
      position: relative;
      display: inline-block;
      padding: 0 0.2667rem;
      height: 1.0667rem;
      line-height: 1.0667rem;
      margin-left: 0.2667rem;
    }

    .footer .p-comment .c-r span i {
      font-size: 0.5333rem;
    }

    .footer .p-comment .c-r span small {
      background-color: var(--color-primary);
      color: var(--color-white);
      position: absolute;
      top: 0.1333rem;
      right: -0.1333rem;
      padding: 0.0267rem;
      border-radius: 0.2667rem 0.2667rem 0.2667rem 0;
      -webkit-border-radius: 0.2667rem 0.2667rem 0.2667rem 0;
      -moz-border-radius: 0.2667rem 0.2667rem 0.2667rem 0;
      min-width: 0.5333rem;
      max-width: 0.8rem;
      height: 0.4rem;
      line-height: 0.32rem;
      font-family: DIN;
      overflow: hidden;
      display: inline-block;
      -webkit-transform: scale(0.8, 0.8);
      text-align: center;
    }

    .footer .p-bbs {
      position: relative;
      background-color: var(--color-main-bg);
      -webkit-touch-callout: none;
      backdrop-filter: blur(0.0533rem);
      -webkit-backdrop-filter: blur(0.0533rem);
      padding-bottom: constant(safe-area-inset-bottom);
      padding-bottom: env(safe-area-inset-bottom);
      padding-top: calc(constant(safe-area-inset-bottom) - 0.4rem);
      padding-top: calc(env(safe-area-inset-bottom) - 0.4rem);
      height: calc(1.28rem + constant(safe-area-inset-bottom));
      height: calc(1.28rem + env(safe-area-inset-bottom));
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      padding: 0 0.2667rem;
    }

    .footer .p-bbs span {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
    }

    .footer .p-bbs span i {
      font-size: 0.64rem;
      margin-right: 0.1333rem;
    }

    .footer .p-bbs span i.active {
      color: var(--color-primary);
    }

    .footer .p-bbs span i.active.mv-zan:before {
      content: "\e668";
    }

    .footer .p-bbs span i.active.mv-like:before {
      content: "\e86d";
    }

    .footer .p-bbs span b {
      font-family: DIN;
    }

    .footer .p-bbs span small {
      font-weight: 500;
    }

    .footer .p-btns {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      padding: 0.2667rem;
      background-color: var(--color-main-bg);
    }

    .footer .p-btns span {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      text-align: center;
      cursor: pointer;
      background-color: rgba(255, 255, 255, 0.1);
      color: var(--color-white);
      height: 1.0667rem;
      line-height: 1.0667rem;
      margin-right: 0.2667rem;
      border-radius: 0.1333rem;
      -webkit-border-radius: 0.1333rem;
      -moz-border-radius: 0.1333rem;
    }

    .footer .p-btns span:last-child {
      margin-right: 0;
      background-color: var(--color-primary);
      -webkit-box-flex: 1.5;
      -webkit-flex: 1.5;
      -ms-flex: 1.5;
      flex: 1.5;
    }

    .footer .p-btns span i {
      font-size: 0.48rem;
      margin-right: 0.1333rem;
      vertical-align: middle;
      position: relative;
      bottom: 0.0533rem;
    }

    .mv-t-l .m-a,
    .lb-mv-t-l .m-a {
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      padding: 0 0.2667rem;
      height: 1.0667rem;
      line-height: 1.0667rem;
      font-size: 0.4267rem;
    }

    .mv-t-l .m-a .a-l,
    .lb-mv-t-l .m-a .a-l {
      position: relative;
    }

    .mv-t-l .m-a .a-l i,
    .lb-mv-t-l .m-a .a-l i {
      font-size: 0.5333rem;
      vertical-align: middle;
      position: relative;
      bottom: 0.0267rem;
      background-image: -webkit-linear-gradient(45deg, #f4a942, #ff2a14);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    .mv-t-l .m-a .a-l span,
    .lb-mv-t-l .m-a .a-l span {
      position: relative;
      font-weight: 500;
      font-family: PingFang SC, DFPKingGothicGB-Medium, Lato, Tahoma, Microsoft Yahei, sans-serif;
    }

    .mv-t-l .m-a .a-r i,
    .lb-mv-t-l .m-a .a-r i {
      font-size: 0.5333rem;
      color: var(--color-666);
      cursor: pointer;
    }

    .mv-t-l .pad-b0,
    .lb-mv-t-l .pad-b0 {
      padding-bottom: 0 !important;
    }

    .mv-t-l .m-b,
    .lb-mv-t-l .m-b {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: 0.2133rem;
      padding: 0.2667rem;
    }

    .mv-t-l .m-b .item,
    .lb-mv-t-l .m-b .item {
      margin-bottom: 0.32rem;
    }

    .mv-t-l .m-b .item .i-a,
    .lb-mv-t-l .m-b .item .i-a {
      position: relative;
      max-height: 2.6667rem;
      width: 100%;
      border-radius: 0.16rem;
      -webkit-border-radius: 0.16rem;
      -moz-border-radius: 0.16rem;
      overflow: hidden;
      background: #16151B;
    }

    .mv-t-l .m-b .item .i-a .ia-a,
    .lb-mv-t-l .m-b .item .i-a .ia-a {
      text-align: center;
      height: 100%;
    }

    .mv-t-l .m-b .item .i-a .ia-a img,
    .lb-mv-t-l .m-b .item .i-a .ia-a img {
      height: 100%;
      width: 100%;
      max-width: 100%;
      max-height: 2.6667rem;
      object-fit: cover;
      object-position: center;
      aspect-ratio: 0.6;
    }

    .mv-t-l .m-b .item .i-a .ia-b,
    .lb-mv-t-l .m-b .item .i-a .ia-b {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1;
    }

    .mv-t-l .m-b .item .i-a .ia-b .b-a,
    .lb-mv-t-l .m-b .item .i-a .ia-b .b-a {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      overflow: hidden;
      position: absolute;
      top: 0.1067rem;
      right: 0.1067rem;
      height: 0.4267rem;
      z-index: 1;
    }

    .mv-t-l .m-b .item .i-a .ia-b .b-a .a-l,
    .lb-mv-t-l .m-b .item .i-a .ia-b .b-a .a-l,
    .mv-t-l .m-b .item .i-a .ia-b .b-a .a-r,
    .lb-mv-t-l .m-b .item .i-a .ia-b .b-a .a-r,
    .mv-t-l .m-b .item .i-a .ia-b .b-a .a-o,
    .lb-mv-t-l .m-b .item .i-a .ia-b .b-a .a-o,
    .mv-t-l .m-b .item .i-a .ia-b .b-a .a-p,
    .lb-mv-t-l .m-b .item .i-a .ia-b .b-a .a-p {
      display: inline-block;
      font-size: 0.2133rem;
      height: 0.3467rem;
      line-height: 0.3467rem;
      padding: 0 0.08rem;
    }

    .mv-t-l .m-b .item .i-a .ia-b .b-a .a-l,
    .lb-mv-t-l .m-b .item .i-a .ia-b .b-a .a-l,
    .mv-t-l .m-b .item .i-a .ia-b .b-a .a-p,
    .lb-mv-t-l .m-b .item .i-a .ia-b .b-a .a-p {
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#8899F5 0%", endColorstr="#5C6FE6 100%");
      background: -webkit-linear-gradient(246deg, #8899F5 0%, #5C6FE6 100%);
      background: -moz-linear-gradient(246deg, #8899F5 0%, #5C6FE6 100%);
      background: -o-linear-gradient(246deg, #8899F5 0%, #5C6FE6 100%);
      background: linear-gradient(246deg, #8899F5 0%, #5C6FE6 100%);
      color: var(--color-white);
      border-radius: 0.0533rem;
      -webkit-border-radius: 0.0533rem;
      -moz-border-radius: 0.0533rem;
      z-index: 1;
      margin-right: -0.16rem;
      font-family: DIN;
    }

    .mv-t-l .m-b .item .i-a .ia-b .b-a .a-l.s1080P,
    .lb-mv-t-l .m-b .item .i-a .ia-b .b-a .a-l.s1080P,
    .mv-t-l .m-b .item .i-a .ia-b .b-a .a-p.s1080P,
    .lb-mv-t-l .m-b .item .i-a .ia-b .b-a .a-p.s1080P {
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#FED98F 0%", endColorstr="#FFCA63 100%");
      background: -webkit-linear-gradient(246deg, #FED98F 0%, #FFCA63 100%);
      background: -moz-linear-gradient(246deg, #FED98F 0%, #FFCA63 100%);
      background: -o-linear-gradient(246deg, #FED98F 0%, #FFCA63 100%);
      background: linear-gradient(246deg, #FED98F 0%, #FFCA63 100%);
      color: #4E2E03;
    }

    .mv-t-l .m-b .item .i-a .ia-b .b-a .a-r,
    .lb-mv-t-l .m-b .item .i-a .ia-b .b-a .a-r,
    .mv-t-l .m-b .item .i-a .ia-b .b-a .a-o,
    .lb-mv-t-l .m-b .item .i-a .ia-b .b-a .a-o {
      position: relative;
      padding-left: 0.3733rem;
      border-radius: 0 0.16rem 0 0;
      -webkit-border-radius: 0 0.16rem 0 0;
      -moz-border-radius: 0 0.16rem 0 0;
      overflow: hidden;
      font-weight: 500;
    }

    .mv-t-l .m-b .item .i-a .ia-b .b-a .a-r.ss1,
    .lb-mv-t-l .m-b .item .i-a .ia-b .b-a .a-r.ss1,
    .mv-t-l .m-b .item .i-a .ia-b .b-a .a-o.ss1,
    .lb-mv-t-l .m-b .item .i-a .ia-b .b-a .a-o.ss1 {
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#FFB806", endColorstr="#ED7627");
      background: -webkit-linear-gradient(180deg, #FFB806, #ED7627);
      background: -moz-linear-gradient(180deg, #FFB806, #ED7627);
      background: -o-linear-gradient(180deg, #FFB806, #ED7627);
      background: linear-gradient(180deg, #FFB806, #ED7627);
      color: var(--color-white);
    }

    .mv-t-l .m-b .item .i-a .ia-b .b-a .a-r.ss2,
    .lb-mv-t-l .m-b .item .i-a .ia-b .b-a .a-r.ss2,
    .mv-t-l .m-b .item .i-a .ia-b .b-a .a-o.ss2,
    .lb-mv-t-l .m-b .item .i-a .ia-b .b-a .a-o.ss2 {
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#FED98F 7.1%", endColorstr="#FFCA63 91.76%");
      background: -webkit-linear-gradient(245deg, #FED98F 7.1%, #FFCA63 91.76%);
      background: -moz-linear-gradient(245deg, #FED98F 7.1%, #FFCA63 91.76%);
      background: -o-linear-gradient(245deg, #FED98F 7.1%, #FFCA63 91.76%);
      background: linear-gradient(245deg, #FED98F 7.1%, #FFCA63 91.76%);
      color: #4E2E03;
    }

    .mv-t-l .m-b .item .i-a .ia-b .b-a .a-r.ss3,
    .lb-mv-t-l .m-b .item .i-a .ia-b .b-a .a-r.ss3,
    .mv-t-l .m-b .item .i-a .ia-b .b-a .a-o.ss3,
    .lb-mv-t-l .m-b .item .i-a .ia-b .b-a .a-o.ss3 {
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#D0FE8F", endColorstr="#63FF63");
      background: -webkit-linear-gradient(180deg, #D0FE8F, #63FF63);
      background: -moz-linear-gradient(180deg, #D0FE8F, #63FF63);
      background: -o-linear-gradient(180deg, #D0FE8F, #63FF63);
      background: linear-gradient(180deg, #D0FE8F, #63FF63);
      color: #212328;
    }

    .mv-t-l .m-b .item .i-a .ia-b .b-a .a-r.ss4,
    .lb-mv-t-l .m-b .item .i-a .ia-b .b-a .a-r.ss4,
    .mv-t-l .m-b .item .i-a .ia-b .b-a .a-o.ss4,
    .lb-mv-t-l .m-b .item .i-a .ia-b .b-a .a-o.ss4 {
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#FF4806", endColorstr="#ED2727");
      background: -webkit-linear-gradient(180deg, #FF4806, #ED2727);
      background: -moz-linear-gradient(180deg, #FF4806, #ED2727);
      background: -o-linear-gradient(180deg, #FF4806, #ED2727);
      background: linear-gradient(180deg, #FF4806, #ED2727);
      color: var(--color-white);
    }

    .mv-t-l .m-b .item .i-a .ia-b .b-a .a-r:after,
    .lb-mv-t-l .m-b .item .i-a .ia-b .b-a .a-r:after {
      content: "";
      position: absolute;
      top: 0;
      left: -0.32rem;
      width: 0.5333rem;
      height: 100%;
      background: #18191B;
      transform: skewX(-15deg);
    }

    .mv-t-l .m-b .item .i-a .ia-b .b-a .a-o,
    .lb-mv-t-l .m-b .item .i-a .ia-b .b-a .a-o {
      border-radius: 0 0.16rem 0 0.16rem;
      -webkit-border-radius: 0 0.16rem 0 0.16rem;
      -moz-border-radius: 0 0.16rem 0 0.16rem;
      padding-left: 0.1067rem;
    }

    .mv-t-l .m-b .item .i-a .ia-b .b-a .a-p,
    .lb-mv-t-l .m-b .item .i-a .ia-b .b-a .a-p {
      margin-right: 0;
    }

    .mv-t-l .m-b .item .i-a .ia-b .b-b,
    .lb-mv-t-l .m-b .item .i-a .ia-b .b-b {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 30%;
      z-index: 2;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 0.4267rem 0.2133rem 0.1333rem 0.2133rem;
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="rgba(0, 0, 0, 0.75)", endColorstr="transparent");
      background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0.75), transparent);
      background: -moz-linear-gradient(to top, rgba(0, 0, 0, 0.75), transparent);
      background: -o-linear-gradient(to top, rgba(0, 0, 0, 0.75), transparent);
      background: linear-gradient(to top, rgba(0, 0, 0, 0.75), transparent);
    }

    .mv-t-l .m-b .item .i-a .ia-b .b-b span,
    .lb-mv-t-l .m-b .item .i-a .ia-b .b-b span {
      font-size: 0.2667rem;
      color: var(--color-white);
      font-weight: 500;
    }

    .mv-t-l .m-b .item .i-a .ia-b .b-b span i,
    .lb-mv-t-l .m-b .item .i-a .ia-b .b-b span i {
      vertical-align: middle;
      margin-right: 0.0533rem;
      position: relative;
      bottom: 0.0533rem;
    }

    .mv-t-l .m-b .item .i-a .ia-b .b-c,
    .lb-mv-t-l .m-b .item .i-a .ia-b .b-c {
      position: absolute;
      top: 0.1067rem;
      left: 0.1067rem;
      width: 0.5333rem;
      height: 0.5333rem;
      line-height: 0.5333rem;
      z-index: 2;
      background: rgba(0, 0, 0, 0.5);
      border-radius: 0.5333rem;
      -webkit-border-radius: 0.5333rem;
      -moz-border-radius: 0.5333rem;
      text-align: center;
    }

    .mv-t-l .m-b .item .i-a .ia-b .b-c i,
    .lb-mv-t-l .m-b .item .i-a .ia-b .b-c i {
      font-size: 0.3733rem;
    }

    .mv-t-l .m-b .item .i-b .ib-a,
    .lb-mv-t-l .m-b .item .i-b .ib-a {
      color: var(--color-white);
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      word-break: break-all;
      -o-text-overflow: ellipsis;
      -ms-text-overflow: ellipsis;
      text-overflow: ellipsis;
      overflow: hidden;
      margin-top: 0.2133rem;
      font-size: 0.3467rem;
      font-weight: 500;
    }

    .mv-t-l .m-b .item .i-b .ib-b,
    .lb-mv-t-l .m-b .item .i-b .ib-b {
      color: #8F8F8F;
      font-size: 0.2933rem;
      margin-top: 0.1067rem;
    }

    .mv-t-l .m-b .item .i-b .ib-b span,
    .lb-mv-t-l .m-b .item .i-b .ib-b span {
      display: inline-block;
    }

    .mv-t-l .m-b .item .edit-item,
    .lb-mv-t-l .m-b .item .edit-item {
      display: none;
    }

    .mv-t-l.edit .m-b .item,
    .lb-mv-t-l.edit .m-b .item {
      position: relative;
    }

    .mv-t-l.edit .m-b .item .edit-item,
    .lb-mv-t-l.edit .m-b .item .edit-item {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      color: var(--color-white);
      display: block;
      z-index: 9;
    }

    .mv-t-l.edit .m-b .item .edit-item i,
    .lb-mv-t-l.edit .m-b .item .edit-item i {
      font-size: 0.6933rem;
      position: absolute;
      top: 0.2667rem;
      right: 0.2667rem;
    }

    .mv-t-l.edit .m-b .item .edit-item.active i:before,
    .lb-mv-t-l.edit .m-b .item .edit-item.active i:before {
      content: "\e696";
      color: var(--color-primary);
    }

    .daysends {
      width: 100%;
      padding: 0 0.2667rem;
    }

    .daysends .item {
      margin-bottom: 0.32rem;
    }

    .daysends .item .i-a {
      position: relative;
      max-height: 2.6667rem;
      width: 100%;
      border-radius: 0.16rem;
      -webkit-border-radius: 0.16rem;
      -moz-border-radius: 0.16rem;
      overflow: hidden;
      background: #16151B;
    }

    .daysends .item .i-a .ia-a {
      text-align: center;
      height: 100%;
    }

    .daysends .item .i-a .ia-a img {
      height: 100%;
      width: 100%;
      max-width: 100%;
      max-height: 2.6667rem;
      object-fit: cover;
      object-position: center;
      aspect-ratio: 0.6;
    }

    .daysends .item .i-a .ia-b {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1;
    }

    .daysends .item .i-a .ia-b .b-a {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      overflow: hidden;
      position: absolute;
      top: 0.1067rem;
      right: 0.1067rem;
      height: 0.4267rem;
      z-index: 1;
    }

    .daysends .item .i-a .ia-b .b-a .a-l,
    .daysends .item .i-a .ia-b .b-a .a-r,
    .daysends .item .i-a .ia-b .b-a .a-o,
    .daysends .item .i-a .ia-b .b-a .a-p {
      display: inline-block;
      font-size: 0.2133rem;
      height: 0.3467rem;
      line-height: 0.3467rem;
      padding: 0 0.08rem;
    }

    .daysends .item .i-a .ia-b .b-a .a-l,
    .daysends .item .i-a .ia-b .b-a .a-p {
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#8899F5 0%", endColorstr="#5C6FE6 100%");
      background: -webkit-linear-gradient(246deg, #8899F5 0%, #5C6FE6 100%);
      background: -moz-linear-gradient(246deg, #8899F5 0%, #5C6FE6 100%);
      background: -o-linear-gradient(246deg, #8899F5 0%, #5C6FE6 100%);
      background: linear-gradient(246deg, #8899F5 0%, #5C6FE6 100%);
      color: var(--color-white);
      border-radius: 0.0533rem;
      -webkit-border-radius: 0.0533rem;
      -moz-border-radius: 0.0533rem;
      z-index: 1;
      margin-right: -0.16rem;
      font-family: DIN;
    }

    .daysends .item .i-a .ia-b .b-a .a-l.s1080P,
    .daysends .item .i-a .ia-b .b-a .a-p.s1080P {
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#FED98F 0%", endColorstr="#FFCA63 100%");
      background: -webkit-linear-gradient(246deg, #FED98F 0%, #FFCA63 100%);
      background: -moz-linear-gradient(246deg, #FED98F 0%, #FFCA63 100%);
      background: -o-linear-gradient(246deg, #FED98F 0%, #FFCA63 100%);
      background: linear-gradient(246deg, #FED98F 0%, #FFCA63 100%);
      color: #4E2E03;
    }

    .daysends .item .i-a .ia-b .b-a .a-r,
    .daysends .item .i-a .ia-b .b-a .a-o {
      position: relative;
      padding-left: 0.3733rem;
      border-radius: 0 0.16rem 0 0;
      -webkit-border-radius: 0 0.16rem 0 0;
      -moz-border-radius: 0 0.16rem 0 0;
      overflow: hidden;
      font-weight: 500;
    }
    .daysends .item .i-a .ia-b .b-a .a-r.ss1,
    .daysends .item .i-a .ia-b .b-a .a-o.ss1 {
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#FFB806", endColorstr="#ED7627");
      background: -webkit-linear-gradient(180deg, #FFB806, #ED7627);
      background: -moz-linear-gradient(180deg, #FFB806, #ED7627);
      background: -o-linear-gradient(180deg, #FFB806, #ED7627);
      background: linear-gradient(180deg, #FFB806, #ED7627);
      color: var(--color-white);
    }

    .daysends .item .i-a .ia-b .b-a .a-r.ss2,
    .daysends .item .i-a .ia-b .b-a .a-o.ss2 {
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#FED98F 7.1%", endColorstr="#FFCA63 91.76%");
      background: -webkit-linear-gradient(245deg, #FED98F 7.1%, #FFCA63 91.76%);
      background: -moz-linear-gradient(245deg, #FED98F 7.1%, #FFCA63 91.76%);
      background: -o-linear-gradient(245deg, #FED98F 7.1%, #FFCA63 91.76%);
      background: linear-gradient(245deg, #FED98F 7.1%, #FFCA63 91.76%);
      color: #4E2E03;
    }

    .daysends .item .i-a .ia-b .b-a .a-r.ss3,
    .daysends .item .i-a .ia-b .b-a .a-o.ss3 {
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#D0FE8F", endColorstr="#63FF63");
      background: -webkit-linear-gradient(180deg, #D0FE8F, #63FF63);
      background: -moz-linear-gradient(180deg, #D0FE8F, #63FF63);
      background: -o-linear-gradient(180deg, #D0FE8F, #63FF63);
      background: linear-gradient(180deg, #D0FE8F, #63FF63);
      color: #212328;
    }

    .daysends .item .i-a .ia-b .b-a .a-r.ss4,
    .daysends .item .i-a .ia-b .b-a .a-o.ss4 {
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#FF4806", endColorstr="#ED2727");
      background: -webkit-linear-gradient(180deg, #FF4806, #ED2727);
      background: -moz-linear-gradient(180deg, #FF4806, #ED2727);
      background: -o-linear-gradient(180deg, #FF4806, #ED2727);
      background: linear-gradient(180deg, #FF4806, #ED2727);
      color: var(--color-white);
    }

    .daysends .item .i-a .ia-b .b-a .a-r:after {
      content: "";
      position: absolute;
      top: 0;
      left: -0.32rem;
      width: 0.5333rem;
      height: 100%;
      background: #18191B;
      transform: skewX(-15deg);
    }

    .daysends .item .i-a .ia-b .b-a .a-o {
      border-radius: 0 0.16rem 0 0.16rem;
      -webkit-border-radius: 0 0.16rem 0 0.16rem;
      -moz-border-radius: 0 0.16rem 0 0.16rem;
      padding-left: 0.1067rem;
    }

    .daysends .item .i-a .ia-b .b-a .a-p {
      margin-right: 0;
    }

    .daysends .item .i-a .ia-b .b-b {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 30%;
      z-index: 2;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 0.4267rem 0.2133rem 0.1333rem 0.2133rem;
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="rgba(0, 0, 0, 0.75)", endColorstr="transparent");
      background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0.75), transparent);
      background: -moz-linear-gradient(to top, rgba(0, 0, 0, 0.75), transparent);
      background: -o-linear-gradient(to top, rgba(0, 0, 0, 0.75), transparent);
      background: linear-gradient(to top, rgba(0, 0, 0, 0.75), transparent);
    }

    .daysends .item .i-a .ia-b .b-b span {
      font-size: 0.2667rem;
      color: var(--color-white);
      font-weight: 500;
    }

    .daysends .item .i-a .ia-b .b-b span i {
      vertical-align: middle;
      margin-right: 0.0533rem;
      position: relative;
      bottom: 0.0533rem;
    }

    .daysends .item .i-a .ia-b .b-c {
      position: absolute;
      top: 0.1067rem;
      left: 0.1067rem;
      width: 0.5333rem;
      height: 0.5333rem;
      line-height: 0.5333rem;
      z-index: 2;
      background: rgba(0, 0, 0, 0.5);
      border-radius: 0.5333rem;
      -webkit-border-radius: 0.5333rem;
      -moz-border-radius: 0.5333rem;
      text-align: center;
    }

    .daysends .item .i-a .ia-b .b-c i {
      font-size: 0.3733rem;
    }

    .daysends .item .i-b .ib-a {
      color: var(--color-white);
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      word-break: break-all;
      -o-text-overflow: ellipsis;
      -ms-text-overflow: ellipsis;
      text-overflow: ellipsis;
      overflow: hidden;
      margin-top: 0.2133rem;
      font-size: 0.3467rem;
      font-weight: 500;
    }

    .daysends .item .i-b .ib-b {
      color: #8F8F8F;
      font-size: 0.2933rem;
      margin-top: 0.1067rem;
    }

    .daysends .item .i-b .ib-b span {
      display: inline-block;
    }

    .daysends .item .edit-item {
      display: none;
    }

    .daysends .swiper-slide {
      width: auto;
      flex-shrink: 0;
    }

    .search-padding {
      padding-top: 1.3333rem;
    }

    .p-s-b {
      padding-bottom: 1.0667rem;
      padding-top: 1.3333rem;
    }

    .p-s-b .ps-ssfx .s-a {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      overflow: hidden;
      padding: 0.2667rem;
      background-color: var(--color-main-bg);
      z-index: 1;
    }

    .p-s-b .ps-ssfx .s-a b {
      font-size: 0.4267rem;
      font-weight: 500;
    }

    .p-s-b .ps-ssfx .s-a a {
      color: var(--color-666);
      cursor: pointer;
    }

    .p-s-b .ps-ssfx .s-a a i {
      font-size: 0.48rem;
      vertical-align: middle;
      position: relative;
      bottom: 0.0267rem;
      margin-right: 0.0533rem;
    }

    .p-s-b .ps-ssfx .s-a span {
      color: var(--color-primary);
    }

    .p-s-b .ps-ssfx .s-a .c-btn {
      display: inline-block;
      min-width: 1.0667rem;
      height: 1.0667rem;
      line-height: 1.0667rem;
      text-align: center;
      cursor: pointer;
      color: var(--color-light);
    }

    .p-s-b .ps-ssfx .s-a .c-btn i {
      font-size: 0.5867rem;
      vertical-align: middle;
      position: relative;
      bottom: 0.0267rem;
    }

    .p-s-b .ps-ssfx .s-b {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      grid-gap: 0.2667rem;
      padding: 0.2667rem;
    }

    .p-s-b .ps-ssfx .s-b a {
      background-color: rgba(255, 255, 255, 0.1);
      padding: 0.1867rem 0;
      border-radius: 2.6667rem;
      -webkit-border-radius: 2.6667rem;
      -moz-border-radius: 2.6667rem;
      text-align: center;
    }

    .p-s-b .ps-ssfx .s-b small {
      display: inline-block;
      vertical-align: middle;
      position: relative;
      bottom: 0.0267rem;
      font-size: 0.2667rem;
      padding: 0 0.0533rem;
      border-radius: 0.1067rem;
      -webkit-border-radius: 0.1067rem;
      -moz-border-radius: 0.1067rem;
      margin-left: 0.08rem;
      font-weight: 600;
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="var(--color-primary)", endColorstr="#ff2a14");
      background: -webkit-linear-gradient(90deg, var(--color-primary), #ff2a14);
      background: -moz-linear-gradient(90deg, var(--color-primary), #ff2a14);
      background: -o-linear-gradient(90deg, var(--color-primary), #ff2a14);
      background: linear-gradient(90deg, var(--color-primary), #ff2a14);
    }

    .p-s-b .ps-ssfx .s-d {
      margin-bottom: 0.2667rem;
    }

    .p-s-b .ps-ssfx .s-d b {
      font-size: 0.3467rem;
      font-weight: 500;
    }

    .p-s-b .ps-ssfx .s-d span {
      color: var(--color-primary);
    }

    .p-s-b .ps-ssfx .s-c .bbs-list {
      margin: 0;
    }

    .p-s-b .ps-ad {
      padding: 0.2667rem;
    }

    .p-s-b .ps-ad img {
      width: 100%;
      border-radius: 0.1333rem;
      -webkit-border-radius: 0.1333rem;
      -moz-border-radius: 0.1333rem;
    }

    .p-s-b .ps-m-c .mc-tabs {
      height: 1.0667rem;
      background-color: var(--color-main-bg);
      position: sticky;
      top: 1.28rem;
      z-index: 2;
    }

    .p-s-b .ps-m-c .mc-tabs span {
      color: var(--color-666);
      padding: 0 0.2667rem;
      font-size: 0.4267rem;
      cursor: pointer;
      display: inline-block;
      height: 1.0667rem;
      line-height: 1.0667rem;
    }

    .p-s-b .ps-m-c .mc-tabs span.active {
      color: var(--color-white);
      font-weight: 500;
    }

    .p-s-b .ps-m-c .mc-conts {
      padding: 0 0.2667rem;
      overflow: hidden;
    }

    .p-s-b .ps-m-c .mc-conts .c-c {
      display: none;
    }

    .p-s-b .ps-m-c .mc-conts .c-c.active {
      display: block;
    }

    .videoSwiper .swiper-wrapper .swiper-slide,
    .bbsSwiper .swiper-wrapper .swiper-slide {
      width: 80%;
      background-color: rgba(255, 255, 255, 0.1);
      padding: 0.2667rem;
      border-radius: 0.2667rem;
      -webkit-border-radius: 0.2667rem;
      -moz-border-radius: 0.2667rem;
    }

    .bct-1 :is(span),
    .bct-2 :is(span),
    .bct-3 :is(span),
    .bct-4 :is(span),
    .bct-5 :is(span),
    .bct-6 :is(span),
    .bct-7 :is(span),
    .bct-8 :is(span),
    .bct-9 :is(span),
    .bct-10 :is(span) {
      opacity: 50 / 100;
      filter: alpha(opacity=50);
      text-transform: uppercase;
      font-weight: 500;
    }

    .bct-1 {
      color: #EC7063;
    }

    .bct-2 {
      color: #BB8FCE;
    }

    .bct-3 {
      color: #85C1E9;
    }

    .bct-4 {
      color: #82E0AA;
    }

    .bct-5 {
      color: #F8C471;
    }

    .bct-6 {
      color: #73C6B6;
    }

    .bct-7 {
      color: #E59866;
    }

    .bct-8 {
      color: #FF33D9;
    }

    .bct-9 {
      color: #FFEF33;
    }

    .bct-10 {
      color: #33FF65;
    }

    .v-h-l .vhl-t {
      margin-bottom: 0.2667rem;
    }

    .v-h-l .vhl-t b {
      font-size: 0.5333rem;
    }

    .v-h-l .vhl-t span {
      margin-left: 0.0533rem;
    }

    .v-h-l .vhl-b .b-item {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin-top: 0.4rem;
    }

    .v-h-l .vhl-b .b-item .b-l {
      position: relative;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      border-radius: 0.1333rem;
      -webkit-border-radius: 0.1333rem;
      -moz-border-radius: 0.1333rem;
      overflow: hidden;
    }

    .v-h-l .vhl-b .b-item .b-l .l-tag {
      position: absolute;
      top: 0;
      left: 0;
      width: 0.48rem;
      text-align: center;
      font-weight: 600;
      font-family: DIN;
      border-radius: 0.1333rem 0 0.1333rem 0;
      -webkit-border-radius: 0.1333rem 0 0.1333rem 0;
      -moz-border-radius: 0.1333rem 0 0.1333rem 0;
      background-color: rgba(0, 0, 0, 0.7);
      color: var(--color-white);
    }

    .v-h-l .vhl-b .b-item .b-l img {
      width: 100%;
    }

    .v-h-l .vhl-b .b-item .b-r {
      -webkit-box-flex: 2;
      -webkit-flex: 2;
      -ms-flex: 2;
      flex: 2;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      padding-left: 0.2667rem;
    }

    .v-h-l .vhl-b .b-item .b-r .r-a {
      font-size: 0.32rem;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      word-break: break-all;
      -o-text-overflow: ellipsis;
      -ms-text-overflow: ellipsis;
      text-overflow: ellipsis;
      overflow: hidden;
    }

    .v-h-l .vhl-b .b-item .b-r .r-b {
      font-size: 0.2667rem;
      color: var(--color-666);
    }

    .v-h-l .vhl-b .b-item .b-r .r-b span {
      margin-right: 0.2667rem;
    }

    .v-h-l .vhl-b .b-item .b-r .r-b span i {
      vertical-align: middle;
      font-size: 0.32rem;
      position: relative;
      bottom: 0.0533rem;
    }

    .v-h-l .vhl-b .b-item:nth-child(1) .b-l .l-tag {
      background-color: #f44747;
    }

    .v-h-l .vhl-b .b-item:nth-child(2) .b-l .l-tag {
      background-color: #ff5c00;
    }

    .v-h-l .vhl-b .b-item:nth-child(3) .b-l .l-tag {
      background-color: #ffb800;
    }

    .c-v-list {
      margin-top: 0.4rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
    }

    .c-v-list .v-item {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 0.4rem;
    }

    .c-v-list .v-item .b-l {
      position: relative;
      -webkit-box-flex: 0 0 1.7067rem;
      -webkit-flex: 0 0 1.7067rem;
      -ms-flex: 0 0 1.7067rem;
      flex: 0 0 1.7067rem;
      width: 1.7067rem;
      height: 2.2933rem;
      border-radius: 0.1333rem;
      -webkit-border-radius: 0.1333rem;
      -moz-border-radius: 0.1333rem;
      background-color: rgba(255, 255, 255, 0.2);
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      overflow: hidden;
    }

    .c-v-list .v-item .b-l .l-tag {
      position: absolute;
      top: 0;
      left: 0;
      width: 0.48rem;
      text-align: center;
      font-weight: 600;
      font-family: DIN;
      border-radius: 0.1333rem 0 0.1333rem 0;
      -webkit-border-radius: 0.1333rem 0 0.1333rem 0;
      -moz-border-radius: 0.1333rem 0 0.1333rem 0;
      background-color: rgba(0, 0, 0, 0.7);
      color: var(--color-white);
    }

    .c-v-list .v-item .b-l img {
      width: 100%;
      margin: 0 auto;
    }

    .c-v-list .v-item .b-r {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-around;
      justify-content: space-around;
      padding-left: 0.2667rem;
    }

    .c-v-list .v-item .b-r .r-a {
      font-size: 0.32rem;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      word-break: break-all;
      -o-text-overflow: ellipsis;
      -ms-text-overflow: ellipsis;
      text-overflow: ellipsis;
      overflow: hidden;
    }

    .c-v-list .v-item .b-r .r-b {
      font-size: 0.2667rem;
      color: var(--color-666);
    }

    .c-v-list .v-item .b-r .r-b span {
      margin-right: 0.2667rem;
    }

    .c-v-list .v-item .b-r .r-b span i {
      vertical-align: middle;
      font-size: 0.32rem;
      position: relative;
      bottom: 0.0533rem;
    }

    .c-v-list .v-item .b-r .r-x span {
      font-size: 0.2933rem;
      color: var(--color-light);
      padding: 0 0.2667rem;
    }

    .c-v-list .v-item .b-r .r-x span:first-child {
      padding-left: 0;
    }

    .c-v-list .v-item .b-r .r-x span:not(:last-child) {
      border-right: 0.0267rem solid rgba(255, 255, 255, 0.1);
    }

    .c-v-list .v-item .b-r .r-x span i {
      font-size: 0.2667rem;
    }

    .c-v-list .v-item:nth-child(1) .b-l .l-tag {
      background-color: #f44747;
    }

    .c-v-list .v-item:nth-child(2) .b-l .l-tag {
      background-color: #ff5c00;
    }

    .c-v-list .v-item:nth-child(3) .b-l .l-tag {
      background-color: #ffb800;
    }
    .s-u-l li {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 0.32rem 0;
    }

    .s-u-l li .l-l {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }

    .s-u-l li .l-l .ll-a {
      width: 1.2267rem;
      height: 1.2267rem;
      border-radius: 1.2267rem;
      -webkit-border-radius: 1.2267rem;
      -moz-border-radius: 1.2267rem;
      overflow: hidden;
    }

    .s-u-l li .l-l .ll-a img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .s-u-l li .l-l .ll-b {
      padding: 0 0.2667rem;
    }

    .s-u-l li .l-l .ll-b h3 {
      font-size: 0.3733rem;
      font-weight: 500;
      color: var(--color-white);
    }

    .s-u-l li .l-l .ll-b p {
      font-size: 0.32rem;
      color: var(--color-666);
      margin-top: 0.1333rem;
    }

    .s-u-l li .l-r span {
      display: inline-block;
      height: 0.8rem;
      line-height: 0.8rem;
      padding: 0 0.2667rem;
      border-radius: 0.0533rem;
      -webkit-border-radius: 0.0533rem;
      -moz-border-radius: 0.0533rem;
      background-color: var(--color-primary);
      color: var(--color-white);
      cursor: pointer;
    }

    .m-list li {
      padding: 0.1333rem 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
    }

    .m-list li .l-a {
      position: relative;
      width: 35%;
      -webkit-box-flex: 0 0 35%;
      -webkit-flex: 0 0 35%;
      -ms-flex: 0 0 35%;
      flex: 0 0 35%;
      border-radius: 0.2667rem;
      -webkit-border-radius: 0.2667rem;
      -moz-border-radius: 0.2667rem;
    }

    .m-list li .l-a img {
      width: 100%;
      height: auto;
      border-radius: 0.1333rem;
      -webkit-border-radius: 0.1333rem;
      -moz-border-radius: 0.1333rem;
    }

    .m-list li .l-a .a-a {
      position: absolute;
      top: 0;
      left: 0;
      background-color: #ffe715;
      color: var(--color-dark);
      border-radius: 0.1333rem 0 0.1333rem 0;
      -webkit-border-radius: 0.1333rem 0 0.1333rem 0;
      -moz-border-radius: 0.1333rem 0 0.1333rem 0;
      font-weight: 600;
      font-size: 0.2667rem;
      padding: 0rem 0.1067rem;
      font-family: DIN;
    }

    .m-list li .l-a .a-b {
      position: absolute;
      right: 0;
      bottom: 0;
      background-color: rgba(0, 0, 0, 0.6);
      color: var(--color-white);
      font-family: DIN;
      text-align: center;
      font-size: 0.2667rem;
      border-radius: 0.1333rem 0 0.1333rem 0;
      -webkit-border-radius: 0.1333rem 0 0.1333rem 0;
      -moz-border-radius: 0.1333rem 0 0.1333rem 0;
      padding: 0rem 0.1067rem;
    }

    .m-list li .l-a .a-c {
      position: absolute;
      top: 0;
      right: 0;
      background-color: var(--color-primary);
      border-radius: 0 0.1333rem 0 0.1333rem;
      -webkit-border-radius: 0 0.1333rem 0 0.1333rem;
      -moz-border-radius: 0 0.1333rem 0 0.1333rem;
      font-size: 0.2667rem;
      font-weight: 600;
      color: var(--color-white);
      padding: 0rem 0.1067rem;
      line-height: normal;
    }

    .m-list li .l-a .a-d {
      position: absolute;
      top: 0;
      right: 0;
      background-color: #18191B;
      color: #3C9CFF;
      border-radius: 0 0 0 0.16rem;
      -webkit-border-radius: 0 0 0 0.16rem;
      -moz-border-radius: 0 0 0 0.16rem;
      padding: 0 0.1067rem;
      z-index: 1;
      display: inline-block;
      font-size: 0.2667rem;
      font-family: DIN;
    }

    .m-list li .l-a .a-d.s1080P {
      color: #5AC725;
    }

    .m-list li .l-b {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-around;
      justify-content: space-around;
      padding-left: 0.2667rem;
    }

    .m-list li .l-b .b-a {
      margin-bottom: 0.1333rem;
      font-weight: 500;
      font-size: 0.32rem;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      word-break: break-all;
      -o-text-overflow: ellipsis;
      -ms-text-overflow: ellipsis;
      text-overflow: ellipsis;
      overflow: hidden;
    }

    .m-list li .l-b .b-b {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap;
    }

    .m-list li .l-b .b-b span {
      display: inline-block;
      background-color: rgba(255, 255, 255, 0.1);
      padding: 0.08rem 0.2667rem;
      border-radius: 2.6667rem;
      -webkit-border-radius: 2.6667rem;
      -moz-border-radius: 2.6667rem;
      text-align: center;
      margin-right: 0.1333rem;
      margin-bottom: 0.1333rem;
      font-size: 0.32rem;
    }

    .m-list li .l-b .b-c span {
      margin-right: 0.2667rem;
      font-size: 0.2667rem;
      color: var(--color-666);
    }

    .m-list li .l-b .b-c span i {
      font-size: 0.3733rem;
      vertical-align: middle;
      position: relative;
      bottom: 0.0533rem;
      margin-right: 0.0533rem;
    }

    .m-l-b>.b-a,
    .lb-m-l-b>.b-a {
      padding: 0.2667rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: nowrap;
      -moz-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      -o-flex-wrap: nowrap;
      flex-wrap: nowrap;
      overflow-x: auto;
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch;
    }

    .m-l-b>.b-a::-webkit-scrollbar,
    .lb-m-l-b>.b-a::-webkit-scrollbar {
      background-color: transparent;
      display: none;
    }

    .m-l-b>.b-a span,
    .lb-m-l-b>.b-a span {
      background-color: rgba(38, 37, 43, 0.3);
      color: var(--color-white);
      padding: 0.1333rem 0.2667rem;
      text-align: center;
      border-radius: 0.1067rem;
      -webkit-border-radius: 0.1067rem;
      -moz-border-radius: 0.1067rem;
      white-space: nowrap;
      margin-right: 0.2667rem;
      cursor: pointer;
    }

    .m-l-b>.b-a span.active,
    .lb-m-l-b>.b-a span.active {
      background-color: rgba(51, 46, 42, 0.3);
      color: var(--color-primary);
    }

    .m-l-b .b-b,
    .lb-m-l-b .b-b {
      text-align: center;
      padding: 0.2667rem 0;
    }

    .m-l-b .b-b .pad2,
    .lb-m-l-b .b-b .pad2 {
      padding: 0 0.5333rem;
    }

    .m-l-b .b-b span,
    .lb-m-l-b .b-b span {
      color: var(--color-white);
      font-size: 0.4267rem;
      font-weight: 600;
      cursor: pointer;
    }

    .m-l-b .b-b span.active,
    .lb-m-l-b .b-b span.active {
      position: relative;
    }

    .lb-b {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      background-color: rgba(255, 255, 255, 0.1);
      color: var(--color-white);
      border-radius: 2.6667rem;
      -webkit-border-radius: 2.6667rem;
      -moz-border-radius: 2.6667rem;
      overflow: hidden;
      margin-bottom: 0.2667rem;
    }

    .lb-b span {
      position: relative;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      display: inline-block;
      height: 1.1733rem;
      line-height: 1.1733rem;
      text-align: center;
      cursor: pointer;
      font-weight: 500;
    }

    .lb-b span:not(:last-child):before {
      position: absolute;
      top: 50%;
      right: 0;
      content: "";
      display: inline-block;
      width: 0.0267rem;
      height: 0.48rem;
      transform: translate(-50%, -50%) rotate(30deg);
      background-color: #ffdf89;
      opacity: 0.2;
    }

    .lb-b span.active {
      color: var(--color-primary);
      font-weight: 600;
    }

    .h-l-b {
      padding: 0rem 0.2667rem 1.8667rem 0.2667rem;
    }

    .h-l-b.padding1 {
      padding-top: 1.5467rem;
    }

    .h-l-b .lb-a {
      padding: 0.2667rem 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: nowrap;
      -moz-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      -o-flex-wrap: nowrap;
      flex-wrap: nowrap;
      overflow-x: auto;
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch;
    }

    .h-l-b .lb-a::-webkit-scrollbar {
      background-color: transparent;
      display: none;
    }

    .h-l-b .lb-a span {
      background-color: rgba(255, 255, 255, 0.1);
      color: var(--color-white);
      padding: 0.1333rem 0.2667rem;
      text-align: center;
      border-radius: 0.1067rem;
      -webkit-border-radius: 0.1067rem;
      -moz-border-radius: 0.1067rem;
      white-space: nowrap;
      margin-right: 0.2667rem;
    }

    .h-l-b .lb-a span.active {
      background-color: rgba(var(--color-primary-rgba), 0.15);
      color: var(--color-primary);
      font-weight: 600;
    }

    .h-l-b ul {
      margin-bottom: 0.5333rem;
      position: relative;
      column-count: 2;
      column-gap: 0.1333rem;
    }

    .h-l-b ul.col-one {
      column-count: 1;
      column-gap: 0.2133rem;
    }

    .h-l-b ul li {
      margin-bottom: 0.1333rem;
      border-radius: 0.1067rem;
      -webkit-border-radius: 0.1067rem;
      -moz-border-radius: 0.1067rem;
      overflow: hidden;
      background-color: rgba(26, 28, 31, 0.98);
      display: block;
      cursor: pointer;
      break-inside: avoid;
      position: relative;
    }

    .h-l-b ul li .l-a {
      position: relative;
    }

    .h-l-b ul li .l-a img {
      width: 100%;
      height: auto;
    }

    .h-l-b ul li .l-a .a-a {
      position: absolute;
      top: 0;
      left: 0;
      background-color: #ffe715;
      color: var(--color-dark);
      border-radius: 0.1333rem 0 0.1333rem 0;
      -webkit-border-radius: 0.1333rem 0 0.1333rem 0;
      -moz-border-radius: 0.1333rem 0 0.1333rem 0;
      font-weight: 600;
      font-size: 0.2667rem;
      padding: 0rem 0.1067rem;
      font-family: DIN;
    }

    .h-l-b ul li .l-a .a-b {
      position: absolute;
      right: 0;
      bottom: 0;
      background-color: rgba(0, 0, 0, 0.6);
      color: var(--color-white);
      font-family: DIN;
      text-align: center;
      font-size: 0.2667rem;
      border-radius: 0.1333rem 0 0.1333rem 0;
      -webkit-border-radius: 0.1333rem 0 0.1333rem 0;
      -moz-border-radius: 0.1333rem 0 0.1333rem 0;
      padding: 0rem 0.1067rem;
    }

    .h-l-b ul li .l-a .a-c {
      position: absolute;
      top: 0;
      right: 0;
      background-color: var(--color-primary);
      border-radius: 0 0.1333rem 0 0.1333rem;
      -webkit-border-radius: 0 0.1333rem 0 0.1333rem;
      -moz-border-radius: 0 0.1333rem 0 0.1333rem;
      font-size: 0.2667rem;
      font-weight: 600;
      color: var(--color-white);
      padding: 0rem 0.1067rem;
      line-height: normal;
    }

    .h-l-b ul li .l-b {
      padding: 0.1333rem;
    }

    .h-l-b ul li .l-b b {
      color: var(--color-white);
      padding: 0.1333rem 0;
      display: inline-block;
      font-weight: 400;
      font-size: 0.3467rem;
    }

    .h-l-b ul li .l-b .b-a {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      color: var(--color-666);
      font-family: DIN;
      font-size: 0.2933rem;
    }

    .h-l-b ul li .l-b .b-a .a-l span {
      margin-right: 0.2667rem;
    }

    .h-l-b ul li .l-b .b-a i {
      vertical-align: middle;
      margin-right: 0.0533rem;
      position: relative;
      bottom: 0.0533rem;
    }

    .h-l-b ul li .edit-item {
      display: none;
    }

    .h-l-b .video-list-box {
      margin-bottom: 0.5333rem;
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
    }

    .h-l-b .video-list-box .video-list {
      width: calc(50% - 0.0533rem);
      min-height: 4.5333rem;
      margin-bottom: 0.1333rem;
      border-radius: 0.1067rem;
      -webkit-border-radius: 0.1067rem;
      -moz-border-radius: 0.1067rem;
      overflow: hidden;
      background-color: rgba(26, 28, 31, 0.98);
      display: block;
      cursor: pointer;
      break-inside: avoid;
      position: relative;
    }

    .h-l-b .video-list-box .video-list .l-a {
      position: relative;
    }

    .h-l-b .video-list-box .video-list .l-a img {
      width: 100%;
      height: auto;
    }

    .h-l-b .video-list-box .video-list .l-a .a-a {
      position: absolute;
      top: 0;
      left: 0;
      background-color: #ffe715;
      color: var(--color-dark);
      border-radius: 0.1333rem 0 0.1333rem 0;
      -webkit-border-radius: 0.1333rem 0 0.1333rem 0;
      -moz-border-radius: 0.1333rem 0 0.1333rem 0;
      font-weight: 600;
      font-size: 0.2667rem;
      padding: 0rem 0.1067rem;
      font-family: DIN;
    }

    .h-l-b .video-list-box .video-list .l-a .a-b {
      position: absolute;
      right: 0;
      bottom: 0;
      background-color: transparent;
      color: var(--color-white);
      font-family: DIN;
      text-align: center;
      font-size: 0.2667rem;
      border-radius: 0.1333rem 0 0.1333rem 0;
      -webkit-border-radius: 0.1333rem 0 0.1333rem 0;
      -moz-border-radius: 0.1333rem 0 0.1333rem 0;
      padding: 0rem 0.1067rem;
    }

    .h-l-b .video-list-box .video-list .l-a .a-c {
      position: absolute;
      top: 0;
      right: 0;
      background-color: var(--color-primary);
      border-radius: 0 0.1333rem 0 0.1333rem;
      -webkit-border-radius: 0 0.1333rem 0 0.1333rem;
      -moz-border-radius: 0 0.1333rem 0 0.1333rem;
      font-size: 0.2667rem;
      font-weight: 600;
      color: var(--color-white);
      padding: 0rem 0.1067rem;
      line-height: normal;
    }

    .h-l-b .video-list-box .video-list .l-b {
      padding: 0.1333rem;
    }

    .h-l-b .video-list-box .video-list .l-b b {
      color: var(--color-white);
      padding: 0.1333rem 0;
      display: inline-block;
      font-weight: 400;
      font-size: 0.3467rem;
    }

    .h-l-b .video-list-box .video-list .l-b .b-a {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      color: var(--color-666);
      font-family: DIN;
      font-size: 0.2933rem;
    }

    .h-l-b .video-list-box .video-list .l-b .b-a .a-l span {
      margin-right: 0.2667rem;
    }

    .h-l-b .video-list-box .video-list .l-b .b-a i {
      vertical-align: middle;
      margin-right: 0.0533rem;
      position: relative;
      bottom: 0.0533rem;
    }
    .h-l-b.edit ul li .edit-item {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      color: var(--color-white);
      display: block;
    }

    .h-l-b.edit ul li .edit-item i {
      font-size: 0.6933rem;
      position: absolute;
      top: 0.2667rem;
      right: 0.2667rem;
    }

    .h-l-b.edit ul li .edit-item.active {
      background-color: rgba(var(--color-primary-rgba), 0.35);
    }

    .h-l-b.edit ul li .edit-item.active i:before {
      content: "\e696";
      color: var(--color-primary);
    }

    .b-b-b {
      padding: 1.3333rem 0;
    }

    .b-b-b .i-m-c {
      margin-top: 0.2667rem;
    }

    .h-l-b {
      position: relative;
      padding-top: 6.2933rem;
    }

    .h-l-b .mv-t-l .m-b {
      padding-top: 0;
    }

    .h-l-b .head-menu .hm-a a {
      font-size: 0.3733rem;
    }

    .th-b-l {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-gap: 0.2133rem;
    }

    .th-b-l li {
      border-radius: 0.16rem;
      -webkit-border-radius: 0.16rem;
      -moz-border-radius: 0.16rem;
      height: 3.7333rem;
      overflow: hidden;
      position: relative;
      /*&:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; .bg-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%); }*/
    }

    .th-b-l li img {
      height: 100%;
      width: 100%;
      object-fit: cover;
    }

    .th-b-l li p {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 1.1733rem;
      backdrop-filter: blur(0.1333rem);
      background-color: rgba(0, 0, 0, 0.62);
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding-left: 0.2667rem;
      font-weight: 500;
      color: var(--color-white);
    }

    .th-b-l li p span {
      color: #FFBA7D;
      margin-top: 0.0533rem;
      font-size: 0.32rem;
    }

    .bbs-weimi,
    .lb-bbs-weimi {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: 0.2667rem;
      padding: 0 0.4rem;
    }

    .bbs-weimi li,
    .lb-bbs-weimi li {
      border-radius: 0.1333rem;
      -webkit-border-radius: 0.1333rem;
      -moz-border-radius: 0.1333rem;
      background-color: rgba(26, 28, 31, 0.98);
      overflow: hidden;
    }

    .bbs-weimi li .i-a,
    .lb-bbs-weimi li .i-a {
      position: relative;
      height: 6.1333rem;
    }

    .bbs-weimi li .i-a img,
    .lb-bbs-weimi li .i-a img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: top center;
    }

    .bbs-weimi li .i-a .a-t,
    .lb-bbs-weimi li .i-a .a-t {
      position: absolute;
      top: 0.2667rem;
      right: 0.2667rem;
    }

    .bbs-weimi li .i-a .a-t span,
    .lb-bbs-weimi li .i-a .a-t span {
      background-color: rgba(0, 0, 0, 0.2);
      font-size: 0.2667rem;
      color: var(--color-white);
      padding: 0.0533rem 0.1333rem;
      margin-left: 0.1333rem;
      border-radius: 0.0533rem;
      -webkit-border-radius: 0.0533rem;
      -moz-border-radius: 0.0533rem;
    }

    .bbs-weimi li .i-a .a-b,
    .lb-bbs-weimi li .i-a .a-b {
      position: absolute;
      bottom: 0;
      right: 0;
      width: 100%;
      height: 1.6rem;
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="rgba(0, 0, 0, 0.7)", endColorstr="transparent");
      background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.7), transparent);
      background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.7), transparent);
      background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.7), transparent);
      background: linear-gradient(bottom, rgba(0, 0, 0, 0.7), transparent);
    }

    .bbs-weimi li .i-a .a-b .ab-d,
    .lb-bbs-weimi li .i-a .a-b .ab-d {
      position: absolute;
      bottom: 0;
      right: 0;
      width: 100%;
      padding: 0.2667rem;
      font-size: 0.32rem;
      z-index: 1;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      color: var(--color-white);
    }

    .bbs-weimi li .i-a .a-b .ab-d .d-r,
    .lb-bbs-weimi li .i-a .a-b .ab-d .d-r {
      font-family: DIN;
    }

    .bbs-weimi li .i-a .a-b .ab-d .d-r i,
    .lb-bbs-weimi li .i-a .a-b .ab-d .d-r i {
      vertical-align: middle;
      position: relative;
      bottom: 0.0267rem;
      margin-right: 0.08rem;
    }

    .bbs-weimi li .i-x,
    .lb-bbs-weimi li .i-x {
      padding: 0.2667rem;
    }

    .bbs-weimi li .i-x .i-b,
    .lb-bbs-weimi li .i-x .i-b {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      font-size: 0.2667rem;
      color: var(--color-light);
      font-family: DIN;
    }

    .bbs-weimi li .i-x .i-b i,
    .lb-bbs-weimi li .i-x .i-b i {
      vertical-align: middle;
      position: relative;
      bottom: 0.0533rem;
      font-size: 0.3733rem;
    }

    .bbs-weimi li .i-x .i-c,
    .lb-bbs-weimi li .i-x .i-c {
      padding: 0.1333rem 0;
      font-size: 0.3467rem;
      color: var(--color-white);
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      word-break: break-all;
      -o-text-overflow: ellipsis;
      -ms-text-overflow: ellipsis;
      text-overflow: ellipsis;
      overflow: hidden;
    }

    .bbs-weimi li .i-x .i-c span,
    .lb-bbs-weimi li .i-x .i-c span {
      color: var(--color-primary);
      padding-right: 0.1333rem;
    }

    .bbs-weimi li .i-x .i-d,
    .lb-bbs-weimi li .i-x .i-d {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      font-size: 0.32rem;
      color: var(--color-light);
      font-family: DIN;
      font-weight: 400;
    }

    .bbs-weimi li .i-x .i-d img,
    .lb-bbs-weimi li .i-x .i-d img {
      width: 0.4rem;
      height: 0.4rem;
      border-radius: 0.1067rem;
      -webkit-border-radius: 0.1067rem;
      -moz-border-radius: 0.1067rem;
      margin-right: 0.0533rem;
      vertical-align: middle;
      position: relative;
      bottom: 0.0533rem;
    }

    .bbs-list,
    .lb-bbs-list {
      margin: 0.4rem;
    }

    .bbs-list li,
    .lb-bbs-list li {
      padding: 0.4rem 0;
    }

    .bbs-list li:not(:last-child),
    .lb-bbs-list li:not(:last-child) {
      border-bottom: 0.0267rem solid rgba(255, 255, 255, 0.1);
    }

    .bbs-list li .i-a,
    .lb-bbs-list li .i-a {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 0.2667rem;
    }

    .bbs-list li .i-a .a-l,
    .lb-bbs-list li .i-a .a-l {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
    }

    .bbs-list li .i-a .a-l img,
    .lb-bbs-list li .i-a .a-l img {
      width: 0.96rem;
      height: 0.96rem;
      border-radius: 0.1333rem;
      -webkit-border-radius: 0.1333rem;
      -moz-border-radius: 0.1333rem;
      object-fit: cover;
      object-position: center;
    }

    .bbs-list li .i-a .a-l .l-n,
    .lb-bbs-list li .i-a .a-l .l-n {
      margin-left: 0.2667rem;
      height: 100%;
    }

    .bbs-list li .i-a .a-l .l-n h3,
    .lb-bbs-list li .i-a .a-l .l-n h3 {
      color: #5b6a91;
      font-size: 0.4267rem;
      font-weight: 500;
    }

    .bbs-list li .i-a .a-l .l-n span,
    .lb-bbs-list li .i-a .a-l .l-n span {
      font-size: 0.32rem;
      color: var(--color-light);
      font-family: DIN;
      margin-top: 0.08rem;
      display: inline-block;
    }

    .bbs-list li .i-a .a-r span,
    .lb-bbs-list li .i-a .a-r span {
      display: inline-block;
      background-color: rgba(255, 255, 255, 0.05);
      color: rgba(255, 255, 255, 0.5);
      padding: 0.1333rem 0.2667rem;
      font-size: 0.32rem;
      text-align: center;
      border-radius: 0.1067rem;
      -webkit-border-radius: 0.1067rem;
      -moz-border-radius: 0.1067rem;
      white-space: nowrap;
      margin-right: 0.1333rem;
      margin-bottom: 0.1333rem;
    }

    .bbs-list li .i-a .a-r span.on,
    .lb-bbs-list li .i-a .a-r span.on {
      background-color: rgba(var(--color-primary-rgba), 0.15);
      color: var(--color-primary);
    }

    .bbs-list li .i-a .a-r span:last-child,
    .lb-bbs-list li .i-a .a-r span:last-child {
      margin-right: 0;
    }

    .bbs-list li .i-a .a-x,
    .lb-bbs-list li .i-a .a-x {
      font-size: 0.32rem;
      color: var(--color-light);
    }

    .bbs-list li .i-b,
    .lb-bbs-list li .i-b {
      color: var(--color-white);
      margin-bottom: 0.2667rem;
      font-size: 0.3733rem;
    }

    .bbs-list li .i-c,
    .lb-bbs-list li .i-c {
      position: relative;
    }

    .bbs-list li .i-c .item,
    .lb-bbs-list li .i-c .item {
      overflow: hidden;
    }

    .bbs-list li .i-c .item img,
    .lb-bbs-list li .i-c .item img {
      width: 100%;
      height: 100%;
      border-radius: 0.0533rem;
      -webkit-border-radius: 0.0533rem;
      -moz-border-radius: 0.0533rem;
      object-fit: cover;
      object-position: center;
    }

    .bbs-list li .i-c .item .plyr,
    .lb-bbs-list li .i-c .item .plyr {
      height: 100%;
      width: 100%;
      object-fit: cover;
      object-position: top;
      vertical-align: middle;
    }

    .bbs-list li .i-c .item .plyr video,
    .lb-bbs-list li .i-c .item .plyr video {
      object-fit: cover;
      object-position: top;
    }

    .bbs-list li .i-c .i-img,
    .lb-bbs-list li .i-c .i-img {
      position: absolute;
      right: 0.2667rem;
      bottom: 0.2667rem;
      background-color: rgba(0, 0, 0, 0.6);
      padding: 0.0267rem 0.16rem;
      border-radius: 0.08rem;
      -webkit-border-radius: 0.08rem;
      -moz-border-radius: 0.08rem;
    }

    .bbs-list li .i-c .i-img span,
    .lb-bbs-list li .i-c .i-img span {
      color: var(--color-white);
      font-family: DIN;
      font-size: 0.32rem;
    }

    .bbs-list li .i-c .i-img span i,
    .lb-bbs-list li .i-c .i-img span i {
      vertical-align: middle;
      position: relative;
      bottom: 0.0267rem;
      font-weight: 400;
      font-size: 0.3733rem;
    }

    .bbs-list li .i-c.pic9,
    .lb-bbs-list li .i-c.pic9 {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-gap: 0.1333rem;
    }

    .bbs-list li .i-c.pic9 .item,
    .lb-bbs-list li .i-c.pic9 .item {
      height: 2.16rem;
    }

    .bbs-list li .i-c.pic4,
    .lb-bbs-list li .i-c.pic4 {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: 0.1333rem;
    }

    .bbs-list li .i-c.pic4 .item,
    .lb-bbs-list li .i-c.pic4 .item {
      height: 3.3333rem;
    }

    .bbs-list li .i-c.pic3,
    .lb-bbs-list li .i-c.pic3 {
      display: grid;
      grid-template-columns: repeat(2, 50%);
      grid-template-rows: repeat(2, 50%);
      height: 6.4rem;
    }

    .bbs-list li .i-c.pic3 .item:first-child,
    .lb-bbs-list li .i-c.pic3 .item:first-child {
      grid-row: 1 / span 3;
      grid-column: 1 / 2;
      margin-right: 0.1333rem;
    }

    .bbs-list li .i-c.pic3 .item:last-child,
    .lb-bbs-list li .i-c.pic3 .item:last-child {
      margin-top: 0.1333rem;
    }

    .bbs-list li .i-c.pic2,
    .lb-bbs-list li .i-c.pic2 {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: 0.1333rem;
    }

    .bbs-list li .i-c.pic2 .item,
    .lb-bbs-list li .i-c.pic2 .item {
      height: 4.0533rem;
    }

    .bbs-list li .i-c.pic2.weimi .item,
    .lb-bbs-list li .i-c.pic2.weimi .item {
      height: auto;
    }

    .bbs-list li .i-c.pic2.weimi .item img,
    .lb-bbs-list li .i-c.pic2.weimi .item img {
      width: 100%;
      height: auto;
    }

    .bbs-list li .i-c.pic1,
    .lb-bbs-list li .i-c.pic1 {
      display: block;
    }

    .bbs-list li .i-c.pic1 .item img,
    .lb-bbs-list li .i-c.pic1 .item img {
      width: auto;
      height: auto;
      max-width: 100%;
      max-height: 6.4rem;
      object-fit: contain;
      object-position: left;
    }

    .bbs-list li .i-c.pic1.weimi .item,
    .lb-bbs-list li .i-c.pic1.weimi .item {
      height: auto;
    }

    .bbs-list li .i-c.pic1.weimi .item img,
    .lb-bbs-list li .i-c.pic1.weimi .item img {
      width: 60%;
      height: auto;
    }

    .bbs-list li .i-c.vio1 video,
    .lb-bbs-list li .i-c.vio1 video {
      max-height: 6.4rem;
      max-width: 100%;
      object-fit: contain;
      vertical-align: middle;
    }

    .bbs-list li .i-d,
    .lb-bbs-list li .i-d {
      margin-top: 0.2667rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
    }

    .bbs-list li .i-d .d-x,
    .lb-bbs-list li .i-d .d-x {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
    }

    .bbs-list li .i-d .d-x span,
    .lb-bbs-list li .i-d .d-x span {
      font-size: 0.32rem;
      color: var(--color-light);
      font-family: DIN;
      margin-left: 0.5333rem;
    }

    .bbs-list li .i-d .d-x span:first-child,
    .lb-bbs-list li .i-d .d-x span:first-child {
      margin-left: 0;
    }

    .bbs-list li .i-d .d-x span i,
    .lb-bbs-list li .i-d .d-x span i {
      vertical-align: middle;
      position: relative;
      bottom: 0.0533rem;
      margin-right: 0.0533rem;
      font-size: 0.48rem;
    }

    .bbs-list li .i-d .d-x span i.active,
    .lb-bbs-list li .i-d .d-x span i.active {
      color: var(--color-primary);
    }

    .bbs-list li .i-d.cot .d-x span,
    .lb-bbs-list li .i-d.cot .d-x span {
      margin-left: 0.4rem;
    }

    .bbs-list li .i-d.cot .d-x span:first-child,
    .lb-bbs-list li .i-d.cot .d-x span:first-child {
      margin-left: 0;
    }

    .bbs-list li .i-d.cot .d-x small,
    .lb-bbs-list li .i-d.cot .d-x small {
      font-size: 0.2933rem;
      margin-left: 0.2667rem;
      color: var(--color-light);
    }

    .bbs-list li .edit-item,
    .lb-bbs-list li .edit-item {
      display: none;
    }

    .bbs-list.edit li,
    .lb-bbs-list.edit li {
      position: relative;
    }
    .bbs-list.edit li .edit-item,
    .lb-bbs-list.edit li .edit-item {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      color: var(--color-white);
      display: block;
    }

    .bbs-list.edit li .edit-item i,
    .lb-bbs-list.edit li .edit-item i {
      font-size: 0.6933rem;
      position: absolute;
      top: 0.2667rem;
      right: 0.2667rem;
    }

    .bbs-list.edit li .edit-item.active,
    .lb-bbs-list.edit li .edit-item.active {
      /*.bg(rgba(var(--color-primary-rgba),.35));*/
    }

    .bbs-list.edit li .edit-item.active i:before,
    .lb-bbs-list.edit li .edit-item.active i:before {
      content: "\e696";
      color: var(--color-primary);
    }

    .bbs-list.hwcg,
    .lb-bbs-list.hwcg {
      margin: 0 0.2667rem 0.2667rem 0.2667rem;
    }

    .bbs-list.hwcg li:first-child,
    .lb-bbs-list.hwcg li:first-child {
      padding-top: 0;
    }

    .bbs-list.hwcg li .i-b,
    .lb-bbs-list.hwcg li .i-b {
      line-height: 0.5867rem;
      margin-bottom: 0.32rem;
      position: relative;
    }

    .bbs-list.hwcg li .i-b span,
    .lb-bbs-list.hwcg li .i-b span {
      position: absolute;
      bottom: 0;
      right: 0;
      height: 0.5867rem;
      line-height: 0.5867rem;
      padding-left: 0.5333rem;
      background-color: var(--color-black);
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="var(--color-main-bg) 70%", endColorstr="transparent");
      background: -webkit-linear-gradient(-75deg, var(--color-main-bg) 70%, transparent);
      background: -moz-linear-gradient(-75deg, var(--color-main-bg) 70%, transparent);
      background: -o-linear-gradient(-75deg, var(--color-main-bg) 70%, transparent);
      background: linear-gradient(-75deg, var(--color-main-bg) 70%, transparent);
      color: var(--color-light);
      display: none;
    }

    .bbs-list.hwcg li .i-b span i,
    .lb-bbs-list.hwcg li .i-b span i {
      display: inline-block;
      vertical-align: middle;
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
      transform: rotate(90deg);
    }

    .bbs-list.hwcg li .i-b.ell,
    .lb-bbs-list.hwcg li .i-b.ell {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      word-break: break-all;
      -o-text-overflow: ellipsis;
      -ms-text-overflow: ellipsis;
      text-overflow: ellipsis;
      overflow: hidden;
    }

    .bbs-list.hwcg li .i-b.ell span,
    .lb-bbs-list.hwcg li .i-b.ell span {
      display: block;
    }

    .bbs-detail {
      margin: 0.4rem;
    }

    .bbs-detail .d-a {
      color: var(--color-white);
      font-size: 0.48rem;
      font-weight: 600;
    }

    .bbs-detail .d-b {
      margin: 0.2667rem 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
    }

    .bbs-detail .d-b .b-l {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }

    .bbs-detail .d-b .b-l .l-a {
      width: 1.0667rem;
      height: 1.0667rem;
      border-radius: 1.0667rem;
      -webkit-border-radius: 1.0667rem;
      -moz-border-radius: 1.0667rem;
      margin-top: 0.0533rem;
      -webkit-box-flex: 0 0 1.0667rem;
      -webkit-flex: 0 0 1.0667rem;
      -ms-flex: 0 0 1.0667rem;
      flex: 0 0 1.0667rem;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
    }

    .bbs-detail .d-b .b-l .l-b {
      padding-left: 0.2667rem;
    }

    .bbs-detail .d-b .b-l .l-b h3 {
      color: var(--color-white);
      font-size: 0.4267rem;
      font-weight: 500;
    }

    .bbs-detail .d-b .b-l .l-b span {
      font-size: 0.32rem;
      color: var(--color-light);
      font-family: DIN;
    }

    .bbs-detail .d-b .b-r {
      color: var(--color-light);
    }

    .bbs-detail .d-b .b-r span {
      font-size: 0.32rem;
      margin-left: 0.2667rem;
      font-family: DIN;
    }

    .bbs-detail .d-b .b-r span i {
      vertical-align: middle;
      position: relative;
      bottom: 0.0533rem;
      margin-right: 0.0533rem;
    }

    .bbs-detail .d-c {
      font-size: 0.4rem;
      padding: 0.2667rem 0;
    }

    .bbs-detail .d-d img {
      width: 100%;
      height: auto;
      margin-bottom: 0.1333rem;
      border-radius: 0.1333rem;
      -webkit-border-radius: 0.1333rem;
      -moz-border-radius: 0.1333rem;
    }

    .bbs-plate-box {
      padding-bottom: 0.5333rem;
    }

    .bbs-plate-box.bpb-fixed .d-header {
      background: var(--color-main-bg);
    }

    .bbs-plate-box.bpb-fixed .d-header .d-m span {
      display: block;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      font-size: 0.4267rem;
      font-weight: 600;
      text-align: center;
    }

    .bbs-plate-box.bpb-fixed .au-tab-group {
      position: fixed;
      top: 1.28rem;
      left: 0;
      width: 100%;
      background-color: var(--color-main-bg);
      z-index: 3;
    }

    .bbs-plate-box .d-header {
      background: transparent;
    }

    .bbs-plate-box .d-header .d-m span {
      display: none;
    }

    .bbs-plate-box .pb-a {
      position: relative;
      height: 4.2667rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }

    .bbs-plate-box .pb-a .a-b {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      filter: blur(0.2667rem);
      -webkit-filter: blur(0.2667rem);
      -moz-filter: blur(0.2667rem);
      -o-filter: blur(0.2667rem);
      -ms-filter: blur(0.2667rem);
      filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0.2667rem');
    }

    .bbs-plate-box .pb-a .a-b:after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="rgba(0, 0, 0, 0.05) 5%", endColorstr="rgba(0, 0, 0, 0.55)");
      background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0.05) 5%, rgba(0, 0, 0, 0.55));
      background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0.05) 5%, rgba(0, 0, 0, 0.55));
      background: -o-linear-gradient(180deg, rgba(0, 0, 0, 0.05) 5%, rgba(0, 0, 0, 0.55));
      background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 5%, rgba(0, 0, 0, 0.55));
    }

    .bbs-plate-box .pb-a .a-c {
      padding-top: 1.3333rem;
      padding-left: 0.5333rem;
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }

    .bbs-plate-box .pb-a .a-c .c-i {
      width: 1.7067rem;
      border: 0.0267rem solid var(--color-white);
      border-radius: 0.1333rem;
      -webkit-border-radius: 0.1333rem;
      -moz-border-radius: 0.1333rem;
      overflow: hidden;
    }

    .bbs-plate-box .pb-a .a-c .c-i img {
      width: 100%;
      height: auto;
    }

    .bbs-plate-box .pb-a .a-c .c-d {
      margin-left: 0.2667rem;
    }

    .bbs-plate-box .pb-a .a-c .c-d h3 {
      color: var(--color-white);
      font-size: 0.48rem;
    }

    .bbs-plate-box .pb-a .a-c .c-d p {
      font-size: 0.32rem;
      color: var(--color-light);
      padding: 0.1333rem 0;
    }

    .bbs-plate-box .pb-a .a-c .c-d span {
      margin-right: 0.2667rem;
    }

    .bbs-plate-box .pb-a .a-c .c-d b {
      color: var(--color-white);
      font-family: DIN;
    }

    .bbs-plate-box .pb-c {
      padding-top: 0.2667rem;
    }

    .bbs-plate-box.audio-box {
      padding-bottom: 0;
    }

    .bbs-plate-box.audio-box .d-header .d-m span {
      display: block;
    }

    .bbs-d-ne {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: 0.2667rem;
      padding: 0.4rem 0;
    }

    .bbs-d-ne .item {
      background-color: rgba(255, 255, 255, 0.1);
      border-radius: 0.2667rem;
      -webkit-border-radius: 0.2667rem;
      -moz-border-radius: 0.2667rem;
      padding: 0.2667rem;
      font-size: 0.3467rem;
      color: var(--color-light);
    }

    .bbs-d-ne .item .i-a i {
      font-size: 0.3733rem;
      vertical-align: middle;
      margin: 0 0.1333rem;
      position: relative;
      bottom: 0.0267rem;
    }

    .bbs-d-ne .item .i-b {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      word-break: break-all;
      -o-text-overflow: ellipsis;
      -ms-text-overflow: ellipsis;
      text-overflow: ellipsis;
      overflow: hidden;
      margin-top: 0.2667rem;
    }

    .bbs-d-ne .item .i-b span {
      margin-right: 0.1333rem;
      color: var(--color-white);
    }

    .bbs-d-ne .item:last-child {
      text-align: right;
    }

    .bbs-comment-box {
      height: 100%;
      width: 100%;
      background-color: var(--color-white);
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
    }

    .bbs-comment-box .bcb-head {
      position: relative;
      height: 1.3333rem;
      line-height: 1.3333rem;
      background-color: var(--color-white);
      text-align: center;
      font-size: 0.4267rem;
      font-weight: 500;
      color: var(--color-black);
    }

    .bbs-comment-box .bcb-head b {
      font-family: DIN;
      margin-left: 0.1333rem;
    }

    .bbs-comment-box .bcb-head span {
      position: absolute;
      top: 0;
      right: 0;
      display: inline-block;
      width: 1.0667rem;
      height: 1.3333rem;
      line-height: 1.3333rem;
      text-align: center;
      cursor: pointer;
    }

    .bbs-comment-box .bcb-head span i {
      font-size: 0.5333rem;
    }

    .bbs-comment-box .bcb-main {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      overflow-x: hidden;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
    }

    .bbs-comment-box .bcb-main .no-comment {
      text-align: center;
      color: var(--color-light);
      padding: 0.2667rem;
    }

    .bbs-comment-box .bcb-foot {
      margin-bottom: constant(safe-area-inset-bottom);
      margin-bottom: env(safe-area-inset-bottom);
    }

    .bbs-comment-box .bcb-foot .f-a {
      font-size: 0.3467rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 0.1333rem;
    }

    .bbs-comment-box .bcb-foot .f-a span {
      color: var(--color-black);
    }

    .bbs-comment-box .bcb-foot .f-a p {
      overflow-x: auto;
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch;
    }

    .bbs-comment-box .bcb-foot .f-a p span {
      display: inline-block;
      background-color: rgba(0, 0, 0, 0.1);
      color: var(--color-dark);
      font-size: 0.32rem;
      padding: 0.1333rem 0.2667rem;
      text-align: center;
      border-radius: 0.1067rem;
      -webkit-border-radius: 0.1067rem;
      -moz-border-radius: 0.1067rem;
      white-space: nowrap;
      margin-left: 0.1333rem;
      cursor: pointer;
    }

    .bbs-comment-box .bcb-foot .f-b {
      padding: 0.1333rem;
      border-top: 0.0267rem solid rgba(255, 255, 255, 0.05);
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }

    .bbs-comment-box .bcb-foot .f-b .b-input {
      background-color: rgba(0, 0, 0, 0.1);
      border-radius: 0.1333rem;
      -webkit-border-radius: 0.1333rem;
      -moz-border-radius: 0.1333rem;
      max-height: 1.3333rem;
      width: 80%;
      max-width: 80%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      flex: 1;
    }

    .bbs-comment-box .bcb-foot .f-b .b-input .editable-div {
      flex: 1;
      border: none;
      height: 0.9067rem;
      line-height: 0.9067rem;
      padding: 0 0.2667rem;
      white-space: nowrap;
      overflow-x: hidden;
      width: 100%;
      max-width: 100%;
      color: var(--color-dark);
    }

    .bbs-comment-box .bcb-foot .f-b .b-input .editable-div:empty::before {
      content: attr(data-placeholder);
      color: var(--color-light);
      pointer-events: none;
    }

    .bbs-comment-box .bcb-foot .f-b .b-input input {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      border: none;
      height: 0.9067rem;
      line-height: 0.9067rem;
      padding: 0 0.2667rem;
    }

    .bbs-comment-box .bcb-foot .f-b .b-input textarea {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      border: none;
      line-height: 0.5333rem;
      padding: 0 0.2667rem;
    }

    .bbs-comment-box .bcb-foot .f-b .b-input i {
      -webkit-box-flex: 0 0 0.8rem;
      -webkit-flex: 0 0 0.8rem;
      -ms-flex: 0 0 0.8rem;
      flex: 0 0 0.8rem;
      text-align: center;
      font-size: 0.5867rem;
      color: var(--color-light);
      cursor: pointer;
    }

    .bbs-comment-box .bcb-foot .f-b .btn {
      width: 15%;
      height: 0.9067rem;
      line-height: 0.9067rem;
      vertical-align: middle;
      flex-shrink: 0;
    }

    .bbs-comment-box .bcb-foot .f-c {
      margin: 0 0.2667rem;
      border-radius: 0.1333rem;
      -webkit-border-radius: 0.1333rem;
      -moz-border-radius: 0.1333rem;
      background-color: var(--color-main-txt);
    }

    .bbs-comment-box .bcb-foot .f-c .swiper {
      height: 3.2rem;
    }

    .bbs-comment-box .bcb-foot .f-c .swiper .swiper-pagination .swiper-pagination-bullet {
      width: 0.2667rem;
      height: 0.1067rem;
      border-radius: 0.0533rem;
      -webkit-border-radius: 0.0533rem;
      -moz-border-radius: 0.0533rem;
    }

    .bbs-comment-box .bcb-foot .f-c .swiper .swiper-pagination .swiper-pagination-bullet-active {
      background-color: var(--color-primary);
    }

    .bbs-comment-box .bcb-foot .f-c .swiper .swiper-slide span {
      float: left;
      width: 14.2857%;
      text-align: center;
      padding: 0.1333rem;
    }

    .bbs-comment-box .bcb-foot .f-c .swiper .swiper-slide span i {
      font-size: 0.64rem;
      color: var(--color-666);
    }

    .bbs-comment-box .bcb-foot .f-c .swiper .swiper-slide span img {
      width: 0.64rem;
      height: 0.64rem;
      vertical-align: middle;
    }

    .bbs-comment-list {
      padding: 0.2667rem 0.5333rem 0.5333rem 0.5333rem;
    }

    .bbs-comment-list li {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      padding: 0.2667rem 0;
    }

    .bbs-comment-list li:not(:first-child) {
      border-top: 0.0267rem solid rgba(255, 255, 255, 0.1);
    }

    .bbs-comment-list li .i-l {
      width: 1.3333rem;
      -webkit-box-flex: 0 0 1.3333rem;
      -webkit-flex: 0 0 1.3333rem;
      -ms-flex: 0 0 1.3333rem;
      flex: 0 0 1.3333rem;
    }
    .bbs-comment-list li .i-l img {
      width: 0.9067rem;
      height: 0.9067rem;
      border-radius: 0.1333rem;
      -webkit-border-radius: 0.1333rem;
      -moz-border-radius: 0.1333rem;
      object-fit: cover;
      object-position: center;
    }

    .bbs-comment-list li .i-r {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }

    .bbs-comment-list li .i-r .r-a {
      color: #5b6a91;
      font-weight: 500;
    }

    .bbs-comment-list li .i-r .r-b {
      font-size: 0.32rem;
      color: var(--color-666);
    }

    .bbs-comment-list li .i-r .r-c {
      color: var(--color-black);
      font-size: 0.4267rem;
      margin: 0.2667rem 0;
      word-wrap: break-word;
      word-break: break-all;
    }

    .bbs-comment-list li .i-r .r-d {
      text-align: right;
    }

    .bbs-comment-list li .i-r .r-d span {
      margin-left: 0.5333rem;
      color: var(--color-light);
    }

    .bbs-comment-list li .i-r .r-d span i {
      font-size: 0.5333rem;
      margin-right: 0.1333rem;
      vertical-align: middle;
      position: relative;
      bottom: 0.0533rem;
    }

    .short-video {
      width: 100%;
      height: 100%;
    }

    .vp-main {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      overflow: hidden;
      position: relative;
      width: 100%;
      height: 100%;
    }

    .vp-main .vpm-bd {
      width: 100%;
      height: 100%;
    }

    .vp-main .vm-a {
      position: absolute;
      left: 0;
      width: 100%;
      top: 0.2667rem;
      text-align: center;
      z-index: 1;
    }

    .vp-main .vm-a a {
      display: inline-block;
      background-color: rgba(255, 255, 255, 0.15);
      color: var(--color-white);
      font-size: 0.2667rem;
      border-radius: 2.6667rem;
      -webkit-border-radius: 2.6667rem;
      -moz-border-radius: 2.6667rem;
      padding: 0.1333rem 0.2667rem;
      font-weight: 500;
      cursor: pointer;
    }

    .vp-main .vm-a a i {
      font-size: 0.2667rem;
      vertical-align: middle;
      position: relative;
      bottom: 0.0267rem;
      margin-left: 0.08rem;
    }

    .vp-main .vm-b {
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      height: 100%;
    }

    .vp-main .vm-b .v-a {
      width: 100%;
      height: 100%;
      -webkit-transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      -o-transition: all 0.2s linear;
      -ms-transition: all 0.2s linear;
      transition: all 0.2s linear;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      position: relative;
    }

    .vp-main .vm-b .v-a video {
      width: 100%;
      height: 100%;
      object-fit: contain;
      background-color: var(--color-main-bg);
    }

    .vp-main .vm-b .v-a video::-webkit-media-controls {
      display: none !important;
      -webkit-appearance: none;
    }

    .vp-main .vm-b .v-a video::-webkit-media-controls-panel {
      display: none !important;
      -webkit-appearance: none;
    }

    .vp-main .vm-b .v-a video::-webkit-media-controls-play-button {
      display: none !important;
      -webkit-appearance: none;
    }

    .vp-main .vm-b .v-a video::-webkit-media-controls-start-playback-button {
      display: none !important;
      -webkit-appearance: none;
    }

    .vp-main .vm-b .v-a .plyr {
      width: 100%;
      height: 100%;
    }

    .vp-main .vm-b .v-a .plyr .plyr__video-wrapper {
      width: 100%;
      height: 100%;
    }

    .vp-main .vm-b .v-a .plyr .plyr__video-wrapper video {
      width: 100%;
      height: 100%;
    }

    .vp-main .vm-b .v-a .plyr .plyr__video-wrapper video::-webkit-media-controls {
      display: none !important;
      -webkit-appearance: none;
    }

    .vp-main .vm-b .v-a .plyr .plyr__video-wrapper video::-webkit-media-controls-panel {
      display: none !important;
      -webkit-appearance: none;
    }

    .vp-main .vm-b .v-a .plyr .plyr__video-wrapper video::-webkit-media-controls-play-button {
      display: none !important;
      -webkit-appearance: none;
    }

    .vp-main .vm-b .v-a .plyr .plyr__video-wrapper video::-webkit-media-controls-start-playback-button {
      display: none !important;
      -webkit-appearance: none;
    }

    .vp-main .vm-b .v-a .plyr .plyr__control--overlaid {
      display: none !important;
    }

    .vp-main .vm-b .v-a.shrink {
      height: 30%;
      margin: 0 auto;
    }

    .vp-main .vm-b .v-a.shrink .swiper-wrapper .swiper-slide img {
      height: 100%;
      width: auto;
      object-fit: contain;
    }

    .vp-main .vm-b .v-a .cover-fit {
      object-fit: cover;
      object-position: center;
    }

    .vp-main .vm-b .v-a .plyr {
      height: 100% !important;
    }

    .vp-main .vm-b .v-a .swiper-wrapper {
      width: 100%;
    }

    .vp-main .vm-b .v-a .swiper-wrapper .swiper-slide {
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }

    .vp-main .vm-b .v-a .swiper-wrapper .swiper-slide img {
      width: 100%;
      height: auto;
      margin: 0 auto;
    }

    .vp-main .vm-b .v-a .swiper-pagination {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      position: absolute;
      bottom: 0.1333rem;
      width: -moz-calc(80%);
      width: -webkit-calc(80%);
      width: calc(100% - 0.5333rem);
      left: 0.2667rem;
      right: 0.2667rem;
    }

    .vp-main .vm-b .v-a .swiper-pagination .fraction-pagination {
      float: right;
      background-color: rgba(255, 255, 255, 0.2);
      border-radius: 0.0533rem;
      -webkit-border-radius: 0.0533rem;
      -moz-border-radius: 0.0533rem;
      padding: 0.0533rem 0.1333rem;
      font-size: 0.32rem;
      color: var(--color-white);
    }

    .vp-main .vm-b .v-a .swiper-pagination .swiper-pagination-bullet {
      flex-grow: 1;
      height: 0.08rem;
      background-color: var(--color-white);
      opacity: 85 / 100;
      filter: alpha(opacity=85);
      border-radius: 0.08rem;
      -webkit-border-radius: 0.08rem;
      -moz-border-radius: 0.08rem;
      margin: 0 0.0267rem;
      transition: flex-grow 0.3s ease;
    }

    .vp-main .vm-b .v-a .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
      background-color: var(--color-white);
      border-radius: 0.0533rem;
      -webkit-border-radius: 0.0533rem;
      -moz-border-radius: 0.0533rem;
      opacity: 100 / 100;
      filter: alpha(opacity=100);
    }

    .vp-main .vm-b .v-b {
      position: absolute;
      right: 0.2667rem;
      bottom: 1.6rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: flex-end;
      -webkit-align-items: flex-end;
      -ms-flex-align: flex-end;
      align-items: flex-end;
      z-index: 9;
      transition: opacity 0.3s ease;
      opacity: 1;
    }

    .vp-main .vm-b .v-b.hidden {
      opacity: 0;
      pointer-events: none;
    }

    .vp-main .vm-b .v-b a {
      color: var(--color-white);
      display: inline-block;
      margin-bottom: 0.4rem;
      text-align: center;
      position: relative;
      cursor: pointer;
      min-width: 1.28rem;
    }

    .vp-main .vm-b .v-b a i {
      font-size: 0.9067rem;
      text-shadow: 0.0267rem 0.0267rem 0.16rem rgba(0, 0, 0, 0.3);
    }

    .vp-main .vm-b .v-b a i.active {
      color: var(--color-primary);
    }

    .vp-main .vm-b .v-b a b {
      display: block;
      font-size: 0.3467rem;
      font-weight: 500;
    }

    .vp-main .vm-b .v-b a img {
      width: 1.44rem;
      height: 1.44rem;
      border-radius: 1.44rem;
      -webkit-border-radius: 1.44rem;
      -moz-border-radius: 1.44rem;
      border: 0.0533rem solid var(--color-white);
      object-fit: cover;
      object-position: center;
    }

    .vp-main .vm-b .v-b a small {
      display: inline-block;
      width: 0.5333rem;
      height: 0.5333rem;
      line-height: 0.5333rem;
      border-radius: 0.5333rem;
      -webkit-border-radius: 0.5333rem;
      -moz-border-radius: 0.5333rem;
      font-size: 0.2667rem;
      background-color: #ee2753;
      color: var(--color-white);
      position: absolute;
      bottom: -0.2667rem;
      left: 30%;
      font-weight: 600;
    }

    .vp-main .vm-b .v-b a.btn-mute {
      background-color: var(--color-white);
      color: var(--color-black);
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-flex-wrap: nowrap;
      -moz-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      -o-flex-wrap: nowrap;
      flex-wrap: nowrap;
      height: 1.0667rem;
      line-height: 1.0667rem;
      border-radius: 1.0667rem;
      -webkit-border-radius: 1.0667rem;
      -moz-border-radius: 1.0667rem;
      margin: 0 auto;
      min-width: 1.0667rem;
    }

    .vp-main .vm-b .v-b a.btn-mute span {
      font-weight: 500;
      display: inline-block;
      width: 1.6rem;
      font-size: 0.32rem;
      animation-name: shrinkWith;
      animation-duration: 0.85s;
      animation-delay: 1s;
      animation-timing-function: ease-in-out;
      animation-iteration-count: 1;
      animation-fill-mode: forwards;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .vp-main .vm-b .v-b a.btn-mute i {
      font-size: 0.64rem;
      vertical-align: middle;
      position: relative;
      bottom: 0.0267rem;
    }

    .vp-main .vm-b .v-c {
      position: absolute;
      bottom: 0.4rem;
      width: 100%;
      padding: 0.2667rem 1.3333rem 0rem 0.2667rem;
      color: var(--color-white);
      z-index: 1;
      transition: opacity 0.3s ease;
      opacity: 1;
    }

    .vp-main .vm-b .v-c.hidden {
      opacity: 0;
      pointer-events: none;
    }

    .vp-main .vm-b .v-c .c-g {
      background-color: rgba(0, 0, 0, 0.2);
      color: var(--color-white);
      font-size: 0.3467rem;
      font-weight: 500;
      display: inline-block;
      padding: 0.1333rem 0.2667rem;
      border-radius: 0.1067rem;
      -webkit-border-radius: 0.1067rem;
      -moz-border-radius: 0.1067rem;
    }

    .vp-main .vm-b .v-c .c-g img {
      height: 0.4rem;
      margin-right: 0.1333rem;
      position: relative;
      bottom: 0.0267rem;
    }

    .vp-main .vm-b .v-c .c-g span {
      position: relative;
      display: inline-block;
      margin-left: 0.1867rem;
      padding-left: 0.1867rem;
    }

    .vp-main .vm-b .v-c .c-g span:before {
      content: "";
      position: absolute;
      left: 0;
      top: 0.08rem;
      height: 0.32rem;
      width: 0.0267rem;
      display: inline-block;
      background-color: var(--color-light);
    }

    .vp-main .vm-b .v-c h3 {
      font-size: 0.4267rem;
    }

    .vp-main .vm-b .v-c p {
      margin-top: 0.1333rem;
    }

    .vp-main .vm-b .v-c p b {
      font-weight: 400;
      margin-bottom: 0.0533rem;
      font-size: 0.3467rem;
      line-height: normal;
    }

    .vp-main .vm-b .v-c p span {
      margin-right: 0.0533rem;
      display: inline-block;
    }

    .vp-main .vm-b .v-c p a {
      color: var(--color-primary);
      text-decoration: underline;
      position: relative;
      display: inline-block;
      padding-left: 0.2667rem;
    }

    .vp-main .vm-b .v-d {
      position: absolute;
      bottom: 0;
      width: 100%;
      color: var(--color-white);
      z-index: 9;
      transition: opacity 0.3s ease;
      opacity: 1;
    }

    .vp-main .vm-b .v-d.hidden {
      opacity: 0;
      pointer-events: none;
    }

    .vp-main .vm-b .v-d .d-a {
      padding: 0 0.2667rem;
      font-weight: 500;
    }

    .vp-main .vm-b .v-d .d-a a {
      color: var(--color-white);
    }

    .vp-main .vm-b .v-d .d-a a i {
      vertical-align: middle;
      position: relative;
      bottom: 0.0533rem;
    }

    .vp-main .vm-b .v-d .d-a a i:first-child {
      font-size: 0.48rem;
      margin-right: 0.0533rem;
    }

    .vp-main .vm-b .v-d .d-a a i:last-child {
      margin-left: 0.2667rem;
    }

    .vp-main .vm-b .v-d .d-b {
      padding: 0.2667rem;
    }

    .vp-main .vm-b .v-d .d-b h3 {
      font-size: 0.4267rem;
    }

    .vp-main .vm-b .v-d .d-b p {
      margin-top: 0.1333rem;
      padding-right: 1.3333rem;
    }

    .vp-main .vm-b .v-d .d-b p b {
      font-weight: 400;
      margin-bottom: 0.0533rem;
    }

    .vp-main .vm-b .v-d .d-b p span {
      margin-right: 0.0533rem;
      display: inline-block;
    }

    .vp-main .vm-b .v-d .d-b p small {
      display: inline-block;
      padding: 0 0.1333rem;
    }

    .vp-main .vm-b .v-d .d-c {
      padding: 0.2667rem;
      cursor: pointer;
      background-color: rgba(0, 0, 0, 0.15);
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }

    .vp-main .vm-b .v-d .d-c .c-l {
      font-size: 0.3467rem;
      font-weight: 500;
    }

    .vp-main .vm-b .v-d .d-c .c-l img {
      height: 0.4rem;
      margin-right: 0.1333rem;
    }

    .vp-main .vm-b .v-d .d-c .c-l b {
      font-size: 0.1067rem;
      vertical-align: middle;
      display: inline-block;
      padding: 0 0.1067rem;
    }

    .vp-main .vm-b .v-d .d-c .c-l span {
      display: inline-block;
      background-color: rgba(255, 255, 255, 0.2);
      border-radius: 0.0533rem;
      -webkit-border-radius: 0.0533rem;
      -moz-border-radius: 0.0533rem;
      font-size: 0.2667rem;
      padding: 0.0267rem 0.08rem;
      vertical-align: middle;
      margin-left: 0.1333rem;
      position: relative;
      bottom: 0.0267rem;
    }

    .vp-main .vm-b .v-d .d-c .c-r i {
      color: var(--color-light);
    }

    .vp-main .plyr__progress__container {
      position: relative;
      top: 0.1333rem;
    }

    .vp-main .vm-h {
      position: fixed;
      top: 1.6rem;
      width: -moz-calc(-11.6vh);
      width: -webkit-calc(-11.6vh);
      width: calc(-11.6vh);
      z-index: 9;
      display: none;
    }
    .vp-main .vm-h .h-l,
    .vp-main .vm-h .h-r {
      position: absolute;
      top: 0;
      right: 0;
      width: 1.3333rem;
      text-align: center;
      height: 1.0667rem;
      line-height: 1.0667rem;
    }
    .vp-main .vm-h .h-l {
      left: 0;
      right: auto;
    }

    .vp-main .vm-h .h-m {
      text-align: center;
    }

    .vp-main .vm-h .h-m a {
      cursor: pointer;
      position: relative;
      display: inline-block;
      height: 1.0667rem;
      line-height: 1.0667rem;
      font-size: 0.4rem;
      padding: 0 0.2667rem;
      color: var(--color-666);
    }

    .vp-main .vm-h .h-m a.active {
      color: var(--color-white);
    }

    .vp-main .vm-h .h-m a.active:before {
      content: "";
      position: absolute;
      left: 32%;
      width: 35%;
      height: 0.0533rem;
      bottom: 0.1067rem;
      background: var(--color-white);
    }

    .g-l-b {
      padding-bottom: 2.1333rem;
      padding-top: 1.3333rem;
    }

    .g-l-b .b-a {
      margin: 0.2667rem;
    }

    .g-l-b .b-a img {
      width: 100%;
      border-radius: 0.2667rem;
      -webkit-border-radius: 0.2667rem;
      -moz-border-radius: 0.2667rem;
    }

    .g-l-b .b-x .x-a {
      position: relative;
      color: var(--color-white);
      font-size: 0.4267rem;
      padding: 0.2667rem 0.2667rem 0.2667rem 1.0667rem;
      font-weight: 600;
    }

    .g-l-b .b-x .x-a i {
      background-image: -webkit-linear-gradient(45deg, #f4a942, #ff2a14);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      position: absolute;
      top: 0.2133rem;
      left: 0.2667rem;
      font-size: 0.5867rem;
    }

    .g-l-b .b-i-s ul {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
      grid-gap: 0.2667rem;
      padding: 0.2667rem;
    }

    .g-l-b .b-i-s ul li img {
      width: 100%;
      border-radius: 0.2667rem;
      -webkit-border-radius: 0.2667rem;
      -moz-border-radius: 0.2667rem;
    }

    .g-l-b .b-i-s ul li span {
      display: block;
      text-align: center;
      font-size: 0.32rem;
      margin-top: 0.1333rem;
    }

    .g-l-b .b-i-s .co-t {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
      grid-gap: 0.1867rem;
      padding: 0.2667rem;
    }

    .g-l-b .b-i-s .co-t a {
      text-align: center;
      display: inline-block;
      border-radius: 0.1067rem;
      -webkit-border-radius: 0.1067rem;
      -moz-border-radius: 0.1067rem;
      padding: 0.1333rem 0;
      font-size: 0.32rem;
      color: #ffdf89;
      background-color: rgba(255, 255, 255, 0.1);
      font-weight: 500;
    }

    .b-r-s ul li {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 0.2667rem;
    }

    .b-r-s ul li .l-l {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      margin-right: 0.2667rem;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }

    .b-r-s ul li .l-l img {
      width: 1.7067rem;
      height: 1.7067rem;
      border-radius: 0.2667rem;
      -webkit-border-radius: 0.2667rem;
      -moz-border-radius: 0.2667rem;
      margin-right: 0.2667rem;
    }

    .b-r-s ul li .l-l .i-t b {
      color: var(--color-white);
      font-size: 0.4267rem;
      font-weight: 500;
    }

    .b-r-s ul li .l-l .i-t p {
      font-size: 0.32rem;
      color: var(--color-666);
    }

    .b-r-s ul li .l-l .i-t p span {
      color: var(--color-light);
    }

    .b-r-s ul li .l-r a {
      display: inline-block;
      height: 0.8533rem;
      line-height: 0.8533rem;
      background-color: var(--color-primary);
      color: var(--color-white);
      border-radius: 2.6667rem;
      -webkit-border-radius: 2.6667rem;
      -moz-border-radius: 2.6667rem;
      text-align: center;
      padding: 0 0.4rem;
      font-weight: 600;
      cursor: pointer;
      font-size: 0.32rem;
    }

    .m-d-b .md-a {
      position: relative;
      height: 7.4667rem;
      position: sticky;
      top: 0;
      background-color: var(--color-main-bg);
      z-index: 111;
    }

    .m-d-b .md-a .a-r {
      position: absolute;
      left: 0;
      top: 0;
      display: inline-block;
      height: 1.1733rem;
      line-height: 1.1733rem;
      width: 1.6rem;
      text-align: left;
      z-index: 1;
      cursor: pointer;
      padding-left: 0.1333rem;
    }

    .m-d-b .md-a .a-r i {
      font-size: 0.64rem;
      color: var(--color-white);
    }

    .m-d-b .md-a video {
      width: 100%;
      height: 6.4rem;
      vertical-align: middle;
      border: none;
      outline: none;
    }

    .m-d-b .md-a .a-f {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: 0.5333rem;
      height: 1.0667rem;
      padding: 0.1333rem;
    }

    .m-d-b .md-a .a-f .item {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
    }

    .m-d-b .md-a .a-f .item span {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      height: 0.8rem;
      line-height: 0.8rem;
      text-align: center;
      background-color: rgba(255, 255, 255, 0.1);
      margin-left: 0.1333rem;
      border-radius: 0.1333rem;
      -webkit-border-radius: 0.1333rem;
      -moz-border-radius: 0.1333rem;
      font-family: DIN;
      cursor: pointer;
    }

    .m-d-b .md-a .a-f .item span i {
      font-weight: 400;
      font-size: 0.3467rem;
      vertical-align: middle;
      position: relative;
      bottom: 0.0267rem;
    }

    .m-d-b .md-a .a-f .item span:active {
      background-color: rgba(var(--color-primary-rgba), 0.15);
      color: var(--color-primary);
    }

    .m-d-b .md-a .plyr__video-wrapper::before {
      position: absolute;
      top: 0.1333rem;
      left: 0.1333rem;
      z-index: 10;
      color: var(--color-primary);
    }

    .m-d-b .md-a .plyr__controls .plyr__progress__container {
      position: absolute;
      top: -0.1333rem;
      left: 0.2667rem;
      width: calc(100% - 0.64rem);
    }

    .m-d-b .md-b {
      padding: 0.2667rem;
    }

    .m-d-b .md-b .b-a {
      margin-top: 0.2667rem;
    }

    .m-d-b .md-b .b-a .a-a {
      font-size: 0.4267rem;
      font-weight: 600;
      color: var(--color-white);
    }

    .m-d-b .md-b .b-a .a-b {
      padding: 0.1333rem 0;
    }

    .m-d-b .md-b .b-a .a-b span {
      color: #8f8f8f;
      font-size: 0.32rem;
      margin-right: 0.2667rem;
    }

    .m-d-b .md-b .b-a .a-b span i {
      vertical-align: middle;
      margin-right: 0.0533rem;
      position: relative;
      bottom: 0.0533rem;
    }

    .m-d-b .md-b .b-a .a-c span {
      display: inline-block;
      background-color: rgba(255, 255, 255, 0.1);
      color: var(--color-light);
      padding: 0.1333rem 0.2667rem;
      font-size: 0.32rem;
      text-align: center;
      border-radius: 0.1067rem;
      -webkit-border-radius: 0.1067rem;
      -moz-border-radius: 0.1067rem;
      white-space: nowrap;
      margin-right: 0.1333rem;
      margin-bottom: 0.1333rem;
    }

    .m-d-b .md-b .b-b {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
    }

    .m-d-b .md-b .b-b span {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      text-align: center;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      cursor: pointer;
    }

    .m-d-b .md-b .b-b span i {
      font-size: 0.64rem;
      vertical-align: middle;
      margin-right: 0.08rem;
      position: relative;
    }

    .m-d-b .md-b .b-b span i.active {
      color: var(--color-primary);
    }

    .m-d-b .md-b .b-b span b {
      font-family: DIN;
      font-size: 0.4267rem;
    }

    .m-d-b .md-b .b-e {
      border: 0.0267rem solid rgba(255, 255, 255, 0.1);
      border-radius: 0.32rem;
      -webkit-border-radius: 0.32rem;
      -moz-border-radius: 0.32rem;
      padding: 0.32rem 0.2133rem;
      margin-bottom: 0.4rem;
      background: linear-gradient(102deg, rgba(30, 30, 30, 0.57) 0%, rgba(69, 71, 78, 0.57) 58.5%, rgba(22, 21, 21, 0.57) 100%);
      font-size: 0.32rem;
    }

    .m-d-b .md-b .b-e .e-rows {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: baseline;
      -webkit-align-items: baseline;
      -ms-flex-align: baseline;
      align-items: baseline;
    }

    .m-d-b .md-b .b-e .e-rows:not(:last-child) {
      margin-bottom: 0.2667rem;
    }

    .m-d-b .md-b .b-e .e-rows .er-l {
      width: 0.5333rem;
      -webkit-box-flex: 0 0 0.5333rem;
      -webkit-flex: 0 0 0.5333rem;
      -ms-flex: 0 0 0.5333rem;
      flex: 0 0 0.5333rem;
    }

    .m-d-b .md-b .b-e .e-rows .er-l span {
      display: inline-block;
      width: 0.4267rem;
      height: 0.4267rem;
      line-height: 0.4267rem;
      text-align: center;
      border-radius: 0.1067rem;
      -webkit-border-radius: 0.1067rem;
      -moz-border-radius: 0.1067rem;
      background-color: #36312c;
    }

    .m-d-b .md-b .b-e .e-rows .er-l span i {
      font-size: 0.2133rem;
      color: var(--color-primary);
    }

    .m-d-b .md-b .b-e .e-rows .er-r {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }

    .m-d-b .md-b .b-e .e-rows .er-r .r-item {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }

    .m-d-b .md-b .b-e .e-rows .er-r .r-item:not(:last-child) {
      margin-bottom: 0.1333rem;
    }

    .m-d-b .md-b .b-e .e-rows .er-r .r-item .ri-l {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      padding-right: 0.1067rem;
    }

    .m-d-b .md-b .b-e .e-rows .er-r .r-item .ri-l b {
      color: var(--color-primary);
    }

    .m-d-b .md-b .b-e .e-rows .er-r .r-item .ri-l small {
      font-size: 0.32rem;
      color: #00FF90;
    }

    .m-d-b .md-b .b-e .e-rows .er-r .r-item .ri-r {
      -webkit-box-flex: 0 0 1.7067rem;
      -webkit-flex: 0 0 1.7067rem;
      -ms-flex: 0 0 1.7067rem;
      flex: 0 0 1.7067rem;
    }

    .m-d-b .md-b .b-e .e-rows .er-r .r-item .ri-r a {
      color: var(--color-primary);
      font-weight: 500;
      display: inline-block;
      text-align: center;
      height: 0.64rem;
      line-height: 0.5867rem;
      width: 1.7067rem;
      border-radius: 0.1067rem;
      -webkit-border-radius: 0.1067rem;
      -moz-border-radius: 0.1067rem;
      background-color: #1D1D1E;
      border: 0rem solid #60544A;
    }

    .m-d-b .md-b .b-f {
      width: 100%;
      height: 1.76rem;
      margin-top: 0.2667rem;
      overflow: hidden;
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
    }

    .m-d-b .md-b .b-f .bf-row {
      white-space: nowrap;
      position: absolute;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: max-content;
      animation: scroll-right 15s linear infinite;
      animation-delay: 3s;
    }

    .m-d-b .md-b .b-f .bf-row:not(:last-child) {
      top: 1.0133rem;
    }

    .m-d-b .md-b .b-f .bf-row .bf-wrapper {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: max-content;
    }

    .m-d-b .md-b .b-f .bf-row .bf-wrapper span {
      padding: 0rem 0.32rem;
      height: 0.7467rem;
      line-height: 0.7467rem;
      border-radius: 2.6667rem;
      -webkit-border-radius: 2.6667rem;
      -moz-border-radius: 2.6667rem;
      font-size: 0.2933rem;
      margin-right: 0.2667rem;
    }

    .m-d-b .md-b .b-f .bf-row .bf-wrapper span.sbg1 {
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="rgba(53, 41, 31, 0) 0%", endColorstr="#4B3425 100%");
      background: -webkit-linear-gradient(90deg, rgba(53, 41, 31, 0) 0%, #4B3425 100%);
      background: -moz-linear-gradient(90deg, rgba(53, 41, 31, 0) 0%, #4B3425 100%);
      background: -o-linear-gradient(90deg, rgba(53, 41, 31, 0) 0%, #4B3425 100%);
      background: linear-gradient(90deg, rgba(53, 41, 31, 0) 0%, #4B3425 100%);
    }

    .m-d-b .md-b .b-f .bf-row .bf-wrapper span.sbg2 {
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="rgba(40, 31, 53, 0) 0%", endColorstr="#33254B 100%");
      background: -webkit-linear-gradient(90deg, rgba(40, 31, 53, 0) 0%, #33254B 100%);
      background: -moz-linear-gradient(90deg, rgba(40, 31, 53, 0) 0%, #33254B 100%);
      background: -o-linear-gradient(90deg, rgba(40, 31, 53, 0) 0%, #33254B 100%);
      background: linear-gradient(90deg, rgba(40, 31, 53, 0) 0%, #33254B 100%);
    }

    .m-d-b .md-b .b-f .bf-row .bf-wrapper span.sbg3 {
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="rgba(31, 32, 53, 0) 0%", endColorstr="#25314B 100%");
      background: -webkit-linear-gradient(90deg, rgba(31, 32, 53, 0) 0%, #25314B 100%);
      background: -moz-linear-gradient(90deg, rgba(31, 32, 53, 0) 0%, #25314B 100%);
      background: -o-linear-gradient(90deg, rgba(31, 32, 53, 0) 0%, #25314B 100%);
      background: linear-gradient(90deg, rgba(31, 32, 53, 0) 0%, #25314B 100%);
    }

    .m-d-b .md-b .b-f .bf-row .bf-wrapper span.sbg4 {
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="rgba(53, 31, 39, 0) 0%", endColorstr="#4B2526 100%");
      background: -webkit-linear-gradient(90deg, rgba(53, 31, 39, 0) 0%, #4B2526 100%);
      background: -moz-linear-gradient(90deg, rgba(53, 31, 39, 0) 0%, #4B2526 100%);
      background: -o-linear-gradient(90deg, rgba(53, 31, 39, 0) 0%, #4B2526 100%);
      background: linear-gradient(90deg, rgba(53, 31, 39, 0) 0%, #4B2526 100%);
    }

    .m-d-b .md-b .b-f .bf-row .bf-wrapper span.sbg5 {
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="rgba(53, 45, 31, 0) 0%", endColorstr="#494B25 100%");
      background: -webkit-linear-gradient(90deg, rgba(53, 45, 31, 0) 0%, #494B25 100%);
      background: -moz-linear-gradient(90deg, rgba(53, 45, 31, 0) 0%, #494B25 100%);
      background: -o-linear-gradient(90deg, rgba(53, 45, 31, 0) 0%, #494B25 100%);
      background: linear-gradient(90deg, rgba(53, 45, 31, 0) 0%, #494B25 100%);
    }

    .m-d-b .md-b .b-f .bf-row .bf-wrapper span.sbg6 {
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="rgba(31, 53, 47, 0) 0%", endColorstr="#254B42 100%");
      background: -webkit-linear-gradient(90deg, rgba(31, 53, 47, 0) 0%, #254B42 100%);
      background: -moz-linear-gradient(90deg, rgba(31, 53, 47, 0) 0%, #254B42 100%);
      background: -o-linear-gradient(90deg, rgba(31, 53, 47, 0) 0%, #254B42 100%);
      background: linear-gradient(90deg, rgba(31, 53, 47, 0) 0%, #254B42 100%);
    }

    .m-d-b .md-b .b-f .bf-row .bf-wrapper span.sbg7 {
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="rgba(53, 31, 38, 0) 0%", endColorstr="#4B2544 100%");
      background: -webkit-linear-gradient(90deg, rgba(53, 31, 38, 0) 0%, #4B2544 100%);
      background: -moz-linear-gradient(90deg, rgba(53, 31, 38, 0) 0%, #4B2544 100%);
      background: -o-linear-gradient(90deg, rgba(53, 31, 38, 0) 0%, #4B2544 100%);
      background: linear-gradient(90deg, rgba(53, 31, 38, 0) 0%, #4B2544 100%);
    }

    @keyframes scroll-right {
      from {
        transform: translateX(0);
      }

      to {
        transform: translateX(-50%);
      }
    }

    .h-p-b {
      padding: 1.5733rem 0.32rem;
    }

    .h-p-b .h-a {
      position: relative;
      background: linear-gradient(98deg, #3D321F 0%, #2F2116 55.5%, #362415 100%);
      box-shadow: 0rem 0.1067rem 0.1867rem 0rem rgba(0, 0, 0, 0.1);
      border-radius: 0.3467rem;
      -webkit-border-radius: 0.3467rem;
      -moz-border-radius: 0.3467rem;
      height: 3.52rem;
      padding: 0.32rem;
    }
    .h-p-b .h-a .a-a {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      position: relative;
      top: -0.4267rem;
    }
    .h-p-b .h-a .a-a .a-l img {
      width: 1.6rem;
      height: 1.6rem;
      border-radius: 1.6rem;
      -webkit-border-radius: 1.6rem;
      -moz-border-radius: 1.6rem;
      border: 0.1067rem solid #3a301e;
      object-fit: cover;
      object-position: center;
    }

    .h-p-b .h-a .a-a .a-n {
      font-size: 0.4267rem;
      font-weight: 600;
      color: var(--color-white);
      margin-left: 0.2667rem;
      margin-bottom: 0.2667rem;
    }

    .h-p-b .h-a .a-a .a-n.ali {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-top: 0.1333rem;
      margin-bottom: 0;
      font-size: 0.3733rem;
    }

    .h-p-b .h-a .a-a .a-n.ali p {
      color: #8F8F8F;
      font-size: 0.32rem;
      font-weight: 400;
      margin-top: 0.1333rem;
    }

    .h-p-b .h-a .a-a .a-n.ali p i {
      vertical-align: middle;
      margin-left: 0.0533rem;
      position: relative;
      bottom: 0.0533rem;
    }

    .h-p-b .h-a .a-b {
      border-radius: 0.3467rem;
      -webkit-border-radius: 0.3467rem;
      -moz-border-radius: 0.3467rem;
      position: relative;
      bottom: 0.2133rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }

    .h-p-b .h-a .a-b .b-l h3 {
      background: linear-gradient(90deg, #EBC98A 0%, #CE9351 100%);
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      font-family: HYYakuHei;
      font-size: 0.5333rem;
      font-weight: 400;
    }

    .h-p-b .h-a .a-b .b-l p {
      color: var(--color-white);
      margin-top: 0.1333rem;
    }

    .h-p-b .h-a .a-b .b-l p span {
      color: #F63624;
      display: inline-block;
      padding: 0 0.0533rem;
      font-weight: 500;
      font-size: 0.3733rem;
    }

    .h-p-b .h-a .a-b .b-l h5 {
      font-size: 0.32rem;
      font-weight: 400;
      color: #8F8F8F;
      margin-top: 0.1333rem;
    }

    .h-p-b .h-a .a-b .b-r {
      position: relative;
      z-index: 2;
    }

    .h-p-b .h-a .a-b .b-r a {
      display: inline-block;
      height: 0.7467rem;
      line-height: 0.7467rem;
      border-radius: 0.7467rem;
      -webkit-border-radius: 0.7467rem;
      -moz-border-radius: 0.7467rem;
      padding: 0 0.4267rem;
      text-align: center;
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#FFD98D 0%", endColorstr="#FFB834 100%");
      background: -webkit-linear-gradient(90deg, #FFD98D 0%, #FFB834 100%);
      background: -moz-linear-gradient(90deg, #FFD98D 0%, #FFB834 100%);
      background: -o-linear-gradient(90deg, #FFD98D 0%, #FFB834 100%);
      background: linear-gradient(90deg, #FFD98D 0%, #FFB834 100%);
      color: #42201C;
      font-weight: 600;
      cursor: pointer;
      font-size: 0.3467rem;
    }

    .h-p-b .h-b {
      margin: 0.5333rem 0;
      border-radius: 0.32rem;
      -webkit-border-radius: 0.32rem;
      -moz-border-radius: 0.32rem;
      background-color: #1A1A1A;
    }

    .h-p-b .h-b .hb-t {
      padding-top: 0.4267rem;
      padding-left: 0.4267rem;
      font-weight: 600;
      color: var(--color-white);
    }

    .h-p-b .h-b .hb-c {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: nowrap;
      -moz-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      -o-flex-wrap: nowrap;
      flex-wrap: nowrap;
      overflow-x: auto;
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch;
      padding-top: 0.4267rem;
      padding-bottom: 0.32rem;
      user-select: none;
    }

    .h-p-b .h-b .hb-c::-webkit-scrollbar {
      background-color: transparent;
      display: none;
    }

    .h-p-b .h-b .hb-c span {
      cursor: pointer;
      padding: 0 0.64rem;
      white-space: nowrap;
      text-align: center;
      user-select: none;
    }

    .h-p-b .h-b .hb-c span b {
      margin-bottom: 0.2133rem;
      font-size: 0.5333rem;
      font-weight: 500;
      font-family: DIN;
      display: block;
      color: var(--color-white);
    }

    .h-p-b .h-b .hb-c span small {
      font-size: 0.2667rem;
      color: rgba(255, 255, 255, 0.7);
    }

    .h-p-b .h-b .hb-b {
      padding-bottom: 0.32rem;
      text-align: center;
    }

    .h-p-b .h-b .hb-b span {
      position: relative;
      display: inline-block;
      width: 1.0667rem;
      height: 0.08rem;
      border-radius: 0.08rem;
      -webkit-border-radius: 0.08rem;
      -moz-border-radius: 0.08rem;
      overflow: hidden;
      background-color: #2B2B2E;
    }

    .h-p-b .h-b .hb-b span:before {
      content: "";
      position: absolute;
      left: var(--indicator-left, 0);
      width: 60%;
      height: 0.08rem;
      border-radius: 0.08rem;
      -webkit-border-radius: 0.08rem;
      -moz-border-radius: 0.08rem;
      background-color: var(--color-primary);
      transform: translateX(0);
      /* 默认位置 */
      transition: transform 0.2s ease, width 0.2s ease;
      /* 平滑移动和宽度变化 */
    }

    .h-p-b .h-c {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-bottom: 0.5333rem;
      border-radius: 0.32rem;
      -webkit-border-radius: 0.32rem;
      -moz-border-radius: 0.32rem;
      background-color: #1A1A1A;
    }

    .h-p-b .h-c a {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 0.4267rem 0;
      color: var(--color-white);
      cursor: pointer;
      font-size: 0.32rem;
    }

    .h-p-b .h-c a i {
      font-size: 0.9067rem;
      margin-bottom: 0.4267rem;
    }

    .h-p-b .h-d {
      margin-top: 0.5333rem;
    }

    .hpb-setting {
      margin-top: 0.4267rem;
    }

    .hpb-setting .hs-a {
      margin-bottom: 0.4267rem;
    }

    .hpb-setting .hs-a .a-a {
      position: relative;
      width: 2.2933rem;
      height: 2.2933rem;
      border-radius: 1.7067rem;
      -webkit-border-radius: 1.7067rem;
      -moz-border-radius: 1.7067rem;
      overflow: hidden;
      margin: 0 auto;
    }

    .hpb-setting .hs-a .a-a:after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
    }

    .hpb-setting .hs-a .a-a img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
    }

    .hpb-setting .hs-a .a-a i {
      position: absolute;
      left: 0.6667rem;
      top: 0.6667rem;
      font-size: 0.96rem;
      color: var(--color-white);
      z-index: 2;
    }

    .hpb-setting .hs-a .a-b {
      text-align: center;
      padding: 0.2667rem;
    }

    .t-l-b {
      padding: 6.9333rem 0.2667rem 2.6667rem 0.2667rem;
    }

    .te-cols .c-t {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      height: 1.3333rem;
      line-height: 1.3333rem;
    }

    .te-cols .c-t .t-l {
      font-size: 0.48rem;
      color: var(--color-white);
      font-weight: 600;
    }

    .te-cols .c-t .t-r {
      width: 1.3333rem;
      text-align: center;
      cursor: pointer;
    }

    .te-cols .c-t .t-r i {
      -webkit-transition: all 0.3s linear;
      -moz-transition: all 0.3s linear;
      -o-transition: all 0.3s linear;
      -ms-transition: all 0.3s linear;
      transition: all 0.3s linear;
    }

    .te-cols .c-t .t-r i.up {
      display: inline-block;
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
      transform: rotate(180deg);
    }

    .te-cols .c-l {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-gap: 0.2667rem;
    }

    .te-cols .c-l a {
      background-color: rgba(255, 255, 255, 0.1);
      padding: 0.2667rem;
      border-radius: 0.1067rem;
      -webkit-border-radius: 0.1067rem;
      -moz-border-radius: 0.1067rem;
      cursor: pointer;
    }

    .te-cols .c-l a span {
      display: block;
      color: var(--color-white);
      margin-bottom: 0.0533rem;
      font-weight: 500;
    }

    .te-cols .c-l a small {
      font-size: 0.32rem;
      color: var(--color-666);
    }

    .te-cols .c-l a small b {
      font-family: DIN;
    }

    .te-cols .c-l a:hover,
    .te-cols .c-l a:active {
      background-color: rgba(255, 255, 255, 0.2);
    }

    .ac-cols .a-s {
      overflow: hidden;
    }

    .ac-cols .a-s .row {
      margin-top: 0.2667rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: nowrap;
      -moz-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      -o-flex-wrap: nowrap;
      flex-wrap: nowrap;
      overflow-x: auto;
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch;
    }

    .ac-cols .a-s .row::-webkit-scrollbar {
      background-color: transparent;
      display: none;
    }

    .ac-cols .a-s .row span {
      background-color: rgba(255, 255, 255, 0.1);
      color: var(--color-white);
      padding: 0.1333rem 0.2667rem;
      text-align: center;
      border-radius: 0.1067rem;
      -webkit-border-radius: 0.1067rem;
      -moz-border-radius: 0.1067rem;
      white-space: nowrap;
      margin-right: 0.2667rem;
      cursor: pointer;
    }

    .ac-cols .a-s .row span.active {
      background-color: rgba(var(--color-primary-rgba), 0.15);
      color: var(--color-primary);
      font-weight: 600;
    }

    .ac-cols .a-l {
      margin-top: 0.5333rem;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-gap: 0.2667rem;
    }

    .ac-cols .a-l a .l-img {
      width: 100%;
      height: 4rem;
      overflow: hidden;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: top center;
      margin-bottom: 0.1333rem;
      position: relative;
      border-radius: 0.1333rem;
      -webkit-border-radius: 0.1333rem;
      -moz-border-radius: 0.1333rem;
    }

    .ac-cols .a-l a .l-img:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.2);
    }

    .ac-cols .a-l a .l-img .s-a {
      position: absolute;
      top: 0;
      right: 0;
      background-color: rgba(0, 0, 0, 0.6);
      color: var(--color-white);
      border-radius: 0 0.1333rem 0 0.1333rem;
      -webkit-border-radius: 0 0.1333rem 0 0.1333rem;
      -moz-border-radius: 0 0.1333rem 0 0.1333rem;
      font-weight: 600;
      font-size: 0.2667rem;
      padding: 0.0267rem 0.1333rem;
      font-family: DIN;
    }

    .ac-cols .a-l a .l-img .s-b {
      background-color: var(--color-primary);
      overflow: hidden;
      white-space: nowrap;
      position: absolute;
      left: -0.9067rem;
      top: 0.1867rem;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
      transform: rotate(-45deg);
    }

    .ac-cols .a-l a .l-img .s-b b {
      color: #fff;
      display: block;
      text-align: center;
      padding: 0.0533rem 0.1333rem;
      width: 2.6667rem;
      font-size: 0.2667rem;
    }

    .ac-cols .a-l a p {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 1.1733rem;
      backdrop-filter: blur(0.1333rem);
      background-color: rgba(0, 0, 0, 0.62);
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      padding-left: 0.2667rem;
      font-weight: 500;
      color: var(--color-white);
    }

    .ac-cols .a-l a p span {
      color: va(w);
      margin-top: 0.0533rem;
      font-size: 0.3733rem;
    }

    .ac-details .d-a {
      height: 8.8rem;
      position: relative;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: top center;
      filter: blur(0.2667rem);
      -webkit-filter: blur(0.2667rem);
      -moz-filter: blur(0.2667rem);
      -o-filter: blur(0.2667rem);
      -ms-filter: blur(0.2667rem);
      filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0.2667rem');
    }

    .ac-details .d-a:before {
      content: '';
      display: block;
      height: 100%;
      width: 100%;
      background: linear-gradient(180deg, var(--color-main-bg), transparent, var(--color-main-bg));
      position: absolute;
    }

    .a-d-b .ab-a .a-bk {
      position: absolute;
      top: 0;
      display: inline-block;
      width: 1.3333rem;
      height: 1.3333rem;
      line-height: 1.3333rem;
      text-align: center;
      cursor: pointer;
      z-index: 1;
    }

    .a-d-b .ab-a .a-bk i {
      font-size: 0.64rem;
      color: var(--color-white);
    }

    .a-d-b .ab-a .a-x {
      position: relative;
      height: auto;
      min-height: 6.4rem;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
    }

    .a-d-b .ab-a .a-x:before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: -webkit-linear-gradient(180deg, var(--color-main-bg), transparent, var(--color-main-bg));
      background: -moz-linear-gradient(180deg, var(--color-main-bg), transparent, var(--color-main-bg));
      background: -o-linear-gradient(180deg, var(--color-main-bg), transparent, var(--color-main-bg));
      background: linear-gradient(180deg, var(--color-main-bg), transparent, var(--color-main-bg));
      backdrop-filter: blur(0.2667rem);
    }

    .a-d-b .ab-a .a-x .x-c {
      position: relative;
      z-index: 1;
      margin-top: 1.6rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    .a-d-b .ab-a .a-x .x-c .c-bd {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }
    .a-d-b .ab-a .a-x .x-c .c-bd .c-i {
      height: 2.56rem;
      width: 2.56rem;
      border-radius: 2.56rem;
      -webkit-border-radius: 2.56rem;
      -moz-border-radius: 2.56rem;
      border: 0.1067rem solid hsla(0, 0%, 100%, 0.5);
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      position: relative;
    }

    .a-d-b .ab-a .a-x .x-c .c-bd .c-i .i-a {
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#00dc5a", endColorstr="#ff2a14");
      background: -webkit-linear-gradient(90deg, #00dc5a, #ff2a14);
      background: -moz-linear-gradient(90deg, #00dc5a, #ff2a14);
      background: -o-linear-gradient(90deg, #00dc5a, #ff2a14);
      background: linear-gradient(90deg, #00dc5a, #ff2a14);
      color: var(--color-white);
      font-size: 0.2667rem;
      font-weight: 600;
      padding: 0.0267rem 0.1333rem;
      border-radius: 0.1067rem;
      -webkit-border-radius: 0.1067rem;
      -moz-border-radius: 0.1067rem;
      position: absolute;
      left: 22%;
      bottom: -0.2667rem;
    }

    .a-d-b .ab-a .a-x .x-c .c-bd .c-n {
      margin-left: 0.2667rem;
    }

    .a-d-b .ab-a .a-x .x-c .c-bd .c-n h3 {
      font-size: 0.5333rem;
      color: var(--color-white);
      margin-bottom: 0.1333rem;
    }

    .a-d-b .ab-a .a-x .x-c .c-bd .c-n span b {
      color: var(--color-white);
      margin-right: 0.1333rem;
    }

    .a-d-b .ab-a .a-x .x-i {
      position: relative;
      overflow-x: auto;
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      padding: 0.8rem 0.2667rem 0.5333rem 0.2667rem;
      z-index: 1;
    }

    .a-d-b .ab-a .a-x .x-i::-webkit-scrollbar {
      background-color: transparent;
      display: none;
    }

    .a-d-b .ab-a .a-x .x-i span {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      text-align: center;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }

    .a-d-b .ab-a .a-x .x-i span b {
      font-weight: 400;
    }

    .a-d-b .ab-a .a-x .x-i span small {
      color: var(--color-white);
      font-family: DIN;
      font-size: 0.32rem;
    }

    .a-d-b .ab-a .a-x .x-n {
      position: relative;
      z-index: 1;
      padding: 0.2667rem;
    }

    .a-d-b .ab-a .a-x .x-n h3 {
      margin-bottom: 0.2667rem;
    }

    .a-d-b .ab-a .a-x .x-n p span {
      display: inline-block;
      margin-right: 0.1333rem;
      margin-bottom: 0.1333rem;
      cursor: pointer;
    }

    .a-d-b .ab-a .a-y .y-t {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 0.2667rem;
    }

    .a-d-b .ab-a .a-y .y-t .t-l {
      color: var(--color-white);
      font-weight: 600;
    }

    .a-d-b .ab-a .a-y .y-t .t-l b {
      font-family: DIN;
      color: var(--color-primary);
      display: inline-block;
      padding: 0 0.0533rem;
    }

    .a-d-b .ab-a .a-y .y-t .t-r {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      text-align: right;
    }

    .a-d-b .ab-a .a-y .y-t .t-r span {
      background-color: rgba(255, 255, 255, 0.1);
      color: var(--color-white);
      cursor: pointer;
      padding: 0.1333rem 0.2667rem;
      text-align: center;
      border-radius: 0.1067rem;
      -webkit-border-radius: 0.1067rem;
      -moz-border-radius: 0.1067rem;
      white-space: nowrap;
      margin-left: 0.1333rem;
      font-size: 0.32rem;
    }

    .a-d-b .ab-a .a-y .y-t .t-r span.active {
      background-color: rgba(var(--color-primary-rgba), 0.15);
      color: var(--color-primary);
      font-weight: 600;
    }

    .a-d-b .ab-a .a-y .y-m {
      padding-bottom: 0.5333rem;
    }

    .i-m-b .b-row,
    .lb-i-m-b .b-row {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
      grid-gap: 0.2133rem;
      padding: 0.16rem;
    }

    .i-m-b .b-row a,
    .lb-i-m-b .b-row a {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
    }

    .i-m-b .b-row a span,
    .lb-i-m-b .b-row a span {
      display: inline-block;
      width: 90%;
      height: 0.96rem;
      line-height: 0.96rem;
      border-radius: 0.2667rem;
      -webkit-border-radius: 0.2667rem;
      -moz-border-radius: 0.2667rem;
      text-align: center;
      background-color: rgba(255, 255, 255, 0.1);
    }

    .i-m-b .b-row a span:hover,
    .lb-i-m-b .b-row a span:hover,
    .i-m-b .b-row a span:active,
    .lb-i-m-b .b-row a span:active {
      background-color: rgba(255, 255, 255, 0.2);
    }

    .i-m-b .b-row a span i,
    .lb-i-m-b .b-row a span i {
      font-size: 0.64rem;
      color: var(--color-primary);
    }

    .i-m-b .b-row a small,
    .lb-i-m-b .b-row a small {
      font-size: 0.32rem;
      font-weight: 500;
      margin-top: 0.1333rem;
    }

    .i-m-b .b-row.r-ad,
    .lb-i-m-b .b-row.r-ad {
      padding-top: 0;
    }

    .i-m-b .b-row.r-ad a span,
    .lb-i-m-b .b-row.r-ad a span {
      position: relative;
    }

    .i-m-b .b-row.r-ad a span em,
    .lb-i-m-b .b-row.r-ad a span em {
      position: absolute;
      display: inline-block;
      width: 100%;
      text-align: center;
      left: 0;
      top: 0rem;
      font-style: normal;
      font-size: 0.2667rem;
      font-weight: 500;
      color: var(--color-primary);
    }

    .i-m-b .b-row.br-img a span,
    .lb-i-m-b .b-row.br-img a span {
      width: 85%;
      border-radius: 1.0667rem;
      -webkit-border-radius: 1.0667rem;
      -moz-border-radius: 1.0667rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      background-color: rgba(244, 164, 105, 0.13);
    }

    .i-m-b .b-row.br-img a span img,
    .lb-i-m-b .b-row.br-img a span img {
      width: 0.64rem;
    }

    .i-m-b .a-row,
    .lb-i-m-b .a-row {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
      grid-gap: 0.2667rem;
      padding: 0 0.2667rem;
    }

    .i-m-b .a-row span,
    .lb-i-m-b .a-row span {
      display: inline-block;
      height: 0.8533rem;
      line-height: 0.8533rem;
      padding: 0 0.1067rem;
      border-radius: 0.16rem;
      -webkit-border-radius: 0.16rem;
      -moz-border-radius: 0.16rem;
      font-size: 0.32rem;
      box-shadow: 0rem 0.0533rem 0rem 0rem rgba(232, 232, 232, 0.15);
      text-align: center;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      color: #ffdfb1;
      background-size: cover;
      font-weight: 500;
      background-position: center;
    }

    .i-m-b .a-row span:hover,
    .lb-i-m-b .a-row span:hover,
    .i-m-b .a-row span:active,
    .lb-i-m-b .a-row span:active {
      background-color: rgba(255, 255, 255, 0.2);
    }

    .i-m-b .c-row,
    .lb-i-m-b .c-row {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
      padding: 0 0.16rem;
      margin-bottom: 0.2667rem;
    }

    .i-m-b .c-row a,
    .lb-i-m-b .c-row a {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
    }

    .i-m-b .c-row a span,
    .lb-i-m-b .c-row a span {
      display: inline-block;
      width: 90%;
      height: 0.96rem;
      line-height: 0.96rem;
      border-radius: 0.96rem;
      -webkit-border-radius: 0.96rem;
      -moz-border-radius: 0.96rem;
      text-align: center;
      background-color: rgba(255, 255, 255, 0.1);
    }

    .i-m-b .c-row a span:hover,
    .lb-i-m-b .c-row a span:hover,
    .i-m-b .c-row a span:active,
    .lb-i-m-b .c-row a span:active {
      background-color: rgba(255, 255, 255, 0.2);
    }

    .i-m-b .c-row a span img,
    .lb-i-m-b .c-row a span img {
      height: 0.96rem;
    }

    .i-m-b .c-row a small,
    .lb-i-m-b .c-row a small {
      font-size: 0.2933rem;
      font-weight: 500;
      margin-top: 0.1333rem;
    }

    .i-m-b .d-row,
    .lb-i-m-b .d-row {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin: 0 0.2667rem;
    }

    .i-m-b .d-row .r-col,
    .lb-i-m-b .d-row .r-col {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }

    .i-m-b .d-row .r-col.col7,
    .lb-i-m-b .d-row .r-col.col7 {
      -webkit-box-flex: 7.5;
      -webkit-flex: 7.5;
      -ms-flex: 7.5;
      flex: 7.5;
    }

    .i-m-b .d-row .r-col .col-rows,
    .lb-i-m-b .d-row .r-col .col-rows {
      width: 100%;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      grid-gap: 0.16rem;
    }

    .i-m-b .d-row .r-col .col-rows span,
    .lb-i-m-b .d-row .r-col .col-rows span {
      display: inline-block;
      height: 0.8533rem;
      line-height: 0.8533rem;
      border-radius: 0.1333rem;
      -webkit-border-radius: 0.1333rem;
      -moz-border-radius: 0.1333rem;
      font-size: 0.32rem;
      text-align: center;
      background-color: rgba(255, 255, 255, 0.1);
      box-shadow: inset 0 -0.0267rem 0rem rgba(255, 255, 255, 0.1), 0 0.0533rem 0.2133rem rgba(0, 0, 0, 0.1);
    }

    .i-m-b .d-row .r-col .col-rows span:hover,
    .lb-i-m-b .d-row .r-col .col-rows span:hover,
    .i-m-b .d-row .r-col .col-rows span:active,
    .lb-i-m-b .d-row .r-col .col-rows span:active {
      background-color: rgba(255, 255, 255, 0.2);
    }

    .i-m-b .d-row .r-col .col-rows.r-3,
    .lb-i-m-b .d-row .r-col .col-rows.r-3 {
      grid-template-columns: 1fr 1fr 1fr;
    }

    .i-m-b .e-row,
    .lb-i-m-b .e-row {
      padding: 0 0.2667rem;
    }

    .i-m-b .e-row .er-t,
    .lb-i-m-b .e-row .er-t {
      font-size: 0.48rem;
      color: var(--color-white);
      font-weight: 600;
      margin-bottom: 0.2667rem;
    }

    .i-m-b .e-row .er-c .ct-a,
    .lb-i-m-b .e-row .er-c .ct-a {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
    }

    .i-m-b .e-row .er-c .ct-a .row1,
    .lb-i-m-b .e-row .er-c .ct-a .row1 {
      position: relative;
      -webkit-box-flex: 1.3;
      -webkit-flex: 1.3;
      -ms-flex: 1.3;
      flex: 1.3;
      border-radius: 0.32rem;
      -webkit-border-radius: 0.32rem;
      -moz-border-radius: 0.32rem;
      border: 0.0267rem solid rgba(189, 194, 210, 0.05);
      background-color: #232325;
      padding: 0.2667rem;
      margin-right: 0.2133rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
    }

    .i-m-b .e-row .er-c .ct-a .row1 .r-l,
    .lb-i-m-b .e-row .er-c .ct-a .row1 .r-l {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-around;
      justify-content: space-around;
    }

    .i-m-b .e-row .er-c .ct-a .row1 .r-r,
    .lb-i-m-b .e-row .er-c .ct-a .row1 .r-r {
      position: relative;
    }

    .i-m-b .e-row .er-c .ct-a .row1 .r-r img,
    .lb-i-m-b .e-row .er-c .ct-a .row1 .r-r img {
      width: 1.92rem;
      height: 1.92rem;
      object-fit: cover;
      border-radius: 0.32rem;
      -webkit-border-radius: 0.32rem;
      -moz-border-radius: 0.32rem;
    }

    .i-m-b .e-row .er-c .ct-a b,
    .lb-i-m-b .e-row .er-c .ct-a b {
      font-family: HYYakuHei;
      font-size: 0.5333rem;
      font-weight: 400;
      color: var(--color-white);
    }

    .i-m-b .e-row .er-c .ct-a span,
    .lb-i-m-b .e-row .er-c .ct-a span {
      font-size: 0.32rem;
    }

    .i-m-b .e-row .er-c .ct-a span i,
    .lb-i-m-b .e-row .er-c .ct-a span i {
      font-size: 0.32rem;
      margin-left: 0.1067rem;
    }

    .i-m-b .e-row .er-c .ct-b,
    .lb-i-m-b .e-row .er-c .ct-b {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
      grid-gap: 0.2133rem;
      margin-top: 0.1333rem;
      margin-bottom: 0.0533rem;
    }

    .i-m-b .e-row .er-c .ct-b span,
    .lb-i-m-b .e-row .er-c .ct-b span {
      display: inline-block;
      height: 0.8rem;
      line-height: 0.8rem;
      padding: 0 0.1067rem;
      border-radius: 0.16rem;
      -webkit-border-radius: 0.16rem;
      -moz-border-radius: 0.16rem;
      background-color: #2B2B2E;
      color: var(--color-white);
      font-size: 0.32rem;
      box-shadow: 0rem 0.0533rem 0rem 0rem rgba(232, 232, 232, 0.15);
      text-align: center;
      font-weight: 500;
    }

    .i-m-b .e-row .er-c .ct-b span.sc1,
    .lb-i-m-b .e-row .er-c .ct-b span.sc1 {
      background-color: rgba(214, 160, 255, 0.14);
      color: #FF02B3;
    }

    .i-m-b .e-row .er-c .ct-b span.sc2,
    .lb-i-m-b .e-row .er-c .ct-b span.sc2 {
      background-color: rgba(255, 218, 160, 0.14);
      color: #FFA515;
    }

    .i-m-b .e-row .er-c .ct-b span.sc3,
    .lb-i-m-b .e-row .er-c .ct-b span.sc3 {
      background-color: rgba(160, 204, 255, 0.14);
      color: #15C5FF;
    }

    .i-m-b .e-row .er-c .ct-b span.sc4,
    .lb-i-m-b .e-row .er-c .ct-b span.sc4 {
      background-color: rgba(255, 160, 160, 0.14);
      color: #FF1515;
    }

    .i-m-b .e-row .er-c .ct-b span.sc5,
    .lb-i-m-b .e-row .er-c .ct-b span.sc5 {
      background-color: rgba(198, 255, 160, 0.14);
      color: #21FF15;
    }

    .i-m-b .e-row .er-c .ct-z .ctz-a,
    .lb-i-m-b .e-row .er-c .ct-z .ctz-a {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      height: 2.2933rem;
      gap: 0;
      margin: 0.2667rem 0 0.1333rem 0;
    }

    .i-m-b .e-row .er-c .ct-z .ctz-a .za-l,
    .lb-i-m-b .e-row .er-c .ct-z .ctz-a .za-l {
      width: 6.2667rem;
      height: 2.2933rem;
      background: url(../imgs/md_bg1.svg) no-repeat left center;
      background-size: contain;
    }

    .i-m-b .e-row .er-c .ct-z .ctz-a .za-l .zal-bd,
    .lb-i-m-b .e-row .er-c .ct-z .ctz-a .za-l .zal-bd {
      height: 100%;
      padding: 0.2667rem;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      cursor: pointer;
    }
    .i-m-b .e-row .er-c .ct-z .ctz-a .za-l .zal-bd .l-a,
    .lb-i-m-b .e-row .er-c .ct-z .ctz-a .za-l .zal-bd .l-a {
      margin-bottom: 0.08rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      padding-right: 1.0133rem;
    }
    .i-m-b .e-row .er-c .ct-z .ctz-a .za-l .zal-bd .l-a b,
    .lb-i-m-b .e-row .er-c .ct-z .ctz-a .za-l .zal-bd .l-a b {
      font-size: 0.5333rem;
      font-weight: 400;
      color: var(--color-white);
      font-family: HYYakuHei;
    }

    .i-m-b .e-row .er-c .ct-z .ctz-a .za-l .zal-bd .l-a span,
    .lb-i-m-b .e-row .er-c .ct-z .ctz-a .za-l .zal-bd .l-a span {
      color: #FFCCB8;
      font-size: 0.32rem;
    }

    .i-m-b .e-row .er-c .ct-z .ctz-a .za-l .zal-bd .l-b,
    .lb-i-m-b .e-row .er-c .ct-z .ctz-a .za-l .zal-bd .l-b {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      grid-gap: 0.0267rem;
      padding-right: 0.64rem;
    }

    .i-m-b .e-row .er-c .ct-z .ctz-a .za-l .zal-bd .l-b img,
    .lb-i-m-b .e-row .er-c .ct-z .ctz-a .za-l .zal-bd .l-b img {
      width: 1.1733rem;
      height: 1.1733rem;
      border-radius: 1.1733rem;
      -webkit-border-radius: 1.1733rem;
      -moz-border-radius: 1.1733rem;
      object-fit: cover;
      object-position: center;
    }

    .i-m-b .e-row .er-c .ct-z .ctz-a .za-r,
    .lb-i-m-b .e-row .er-c .ct-z .ctz-a .za-r {
      width: 4.1067rem;
      height: 2.2933rem;
      margin-left: -1.0133rem;
      background: url(../imgs/md_bg2.svg) no-repeat right center;
      background-size: contain;
    }

    .i-m-b .e-row .er-c .ct-z .ctz-a .za-r .zar-bd,
    .lb-i-m-b .e-row .er-c .ct-z .ctz-a .za-r .zar-bd {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      padding: 0.2667rem;
      cursor: pointer;
    }

    .i-m-b .e-row .er-c .ct-z .ctz-a .za-r .zar-bd .r-a,
    .lb-i-m-b .e-row .er-c .ct-z .ctz-a .za-r .zar-bd .r-a {
      font-size: 0.5333rem;
      font-weight: 400;
      color: var(--color-white);
      padding-left: 0.64rem;
      font-family: HYYakuHei;
    }

    .i-m-b .e-row .er-c .ct-z .ctz-a .za-r .zar-bd .r-b,
    .lb-i-m-b .e-row .er-c .ct-z .ctz-a .za-r .zar-bd .r-b {
      padding-left: 0.64rem;
      margin-top: 0.1333rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }

    .i-m-b .e-row .er-c .ct-z .ctz-a .za-r .zar-bd .r-b img,
    .lb-i-m-b .e-row .er-c .ct-z .ctz-a .za-r .zar-bd .r-b img {
      height: 0.48rem;
    }

    .i-m-b .e-row .er-c .ct-z .ctz-a .za-r .zar-bd .r-b span,
    .lb-i-m-b .e-row .er-c .ct-z .ctz-a .za-r .zar-bd .r-b span {
      color: #FFCCB8;
      font-size: 0.2667rem;
    }

    .i-m-b .e-row .er-c .ct-z .ctz-a .za-r .zar-bd .r-c,
    .lb-i-m-b .e-row .er-c .ct-z .ctz-a .za-r .zar-bd .r-c {
      text-align: center;
      padding-left: 0.16rem;
      margin-top: 0.16rem;
      color: var(--color-light);
      font-size: 0.32rem;
    }

    .i-m-b .e-row .er-c .ct-z .ctz-b,
    .lb-i-m-b .e-row .er-c .ct-z .ctz-b {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-gap: 0.1333rem;
    }

    .i-m-b .e-row .er-c .ct-z .ctz-b .item,
    .lb-i-m-b .e-row .er-c .ct-z .ctz-b .item {
      background: url(../imgs/md_bg3.svg) no-repeat center;
      background-size: contain;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      height: 1.3867rem;
    }

    .i-m-b .e-row .er-c .ct-z .ctz-b .item img,
    .lb-i-m-b .e-row .er-c .ct-z .ctz-b .item img {
      width: 0.7467rem;
    }

    .i-m-b .e-row .er-c .ct-z .ctz-b .item span,
    .lb-i-m-b .e-row .er-c .ct-z .ctz-b .item span {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      margin-right: 0.16rem;
      margin-left: 0.16rem;
      cursor: pointer;
    }

    .i-m-b .e-row .er-c .ct-z .ctz-b .item span b,
    .lb-i-m-b .e-row .er-c .ct-z .ctz-b .item span b {
      font-size: 0.3733rem;
      font-weight: 500;
      color: var(--color-white);
    }

    .i-m-b .e-row .er-c .ct-z .ctz-b .item span small,
    .lb-i-m-b .e-row .er-c .ct-z .ctz-b .item span small {
      font-size: 0.2667rem;
      color: var(--color-light);
    }

    .i-m-b .e-row .er-f,
    .lb-i-m-b .e-row .er-f {
      margin: 0.32rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
    }

    .i-m-b .e-row .er-f .rf-page,
    .lb-i-m-b .e-row .er-f .rf-page {
      height: 0.08rem;
      border-radius: 0.08rem;
      -webkit-border-radius: 0.08rem;
      -moz-border-radius: 0.08rem;
      width: 1.0667rem;
      overflow: hidden;
      background-color: #2B2B2E;
    }

    .i-m-b .e-row .er-f .rf-page .swiper-scrollbar-drag,
    .lb-i-m-b .e-row .er-f .rf-page .swiper-scrollbar-drag {
      height: 0.08rem;
      line-height: 0.08rem;
      width: 0.4267rem !important;
      background-color: var(--color-primary);
    }

    .i-m-b .f-row,
    .lb-i-m-b .f-row {
      margin: 0.2667rem 0.2667rem 0.4267rem 0.2667rem;
    }

    .i-m-b .f-row .fr-t,
    .lb-i-m-b .f-row .fr-t {
      background-size: cover;
      height: 1.3867rem;
      border-radius: 0.0533rem;
      -webkit-border-radius: 0.0533rem;
      -moz-border-radius: 0.0533rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
    }

    .i-m-b .f-row .fr-t .t-l,
    .lb-i-m-b .f-row .fr-t .t-l {
      position: relative;
      font-family: HYYakuHei;
      font-size: 0.4267rem;
      height: 1.2267rem;
      line-height: 1.2267rem;
      padding-left: 1.44rem;
      color: var(--color-white);
    }

    .i-m-b .f-row .fr-t .t-l span,
    .lb-i-m-b .f-row .fr-t .t-l span {
      background: linear-gradient(180deg, #F4A942 0%, #FF2A14 100%);
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    .i-m-b .f-row .fr-t .t-r,
    .lb-i-m-b .f-row .fr-t .t-r {
      width: 50%;
      margin: 0 0.2667rem;
      overflow: hidden;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }

    .i-m-b .f-row .fr-t .t-r .van-notice-bar,
    .lb-i-m-b .f-row .fr-t .t-r .van-notice-bar {
      width: 100%;
      height: 1.3867rem;
      line-height: 1.3867rem;
      color: #C3C3C3;
      margin: 0;
      padding: 0;
      background-color: transparent;
      --van-notice-bar-font-size: 0.2933rem;
    }

    .i-m-b .f-row .fr-t .t-r .van-notice-bar .van-notice-bar__content,
    .lb-i-m-b .f-row .fr-t .t-r .van-notice-bar .van-notice-bar__content {
      font-size: 0.2933rem;
    }

    .i-m-b .f-row .fr-b,
    .lb-i-m-b .f-row .fr-b {
      padding-top: 0.1333rem;
    }

    .i-m-b .f-row .fr-b .a-row,
    .lb-i-m-b .f-row .fr-b .a-row {
      padding: 0;
    }

    .i-m-b .f-row .i-m-c,
    .lb-i-m-b .f-row .i-m-c,
    .i-m-b .f-row .lb-i-m-c,
    .lb-i-m-b .f-row .lb-i-m-c {
      grid-gap: 0;
      padding: 0;
    }

    .i-m-b .f-row .i-m-c a,
    .lb-i-m-b .f-row .i-m-c a,
    .i-m-b .f-row .lb-i-m-c a,
    .lb-i-m-b .f-row .lb-i-m-c a {
      padding-bottom: 0.2667rem;
    }

    .i-m-b .f-row .i-m-c a img,
    .lb-i-m-b .f-row .i-m-c a img,
    .i-m-b .f-row .lb-i-m-c a img,
    .lb-i-m-b .f-row .lb-i-m-c a img {
      width: 1.2267rem;
      height: 1.2267rem;
    }

    .h-m-b {
      padding-top: 1.3333rem;
      padding-bottom: 1.8667rem;
    }

    .h-m-b .nodata {
      margin-top: 30%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }

    .h-m-b .nodata .d-i {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAEYCAMAAACwUBm+AAAB2lBMVEUAAAA5OTk7OztBQUFAQEBlZWVKSko/Pz+KioqJiYlDQ0OBgYGIiIg7OzuKioqLi4tpaWmCgoKJiYlDQ0M5OTlERESIiIiUlJRdXV3/KipAQECEhISLi4uRkZFFRUU5OTlGRkZCQkJFRUWJiYmXl5f/KipGRkY4ODhGRkY5OTmKiopGRkY5OTlERESGhoaMjIz/KipGRkY5OTlGRkY5OTk5OTk5OTn/KipHR0dGRkY5OTmPj485OTlHR0c5OTn/KiqJiYn/KiqJiYlvb29VVVX/KipxcXH/Kip7e3v/Kir/KippaWn/Kyv/JSVVVVWRkZFUVFRhYWH/KipFRUX/KiqJiYlCQkJ6eno5OTl/f3+JiYmTk5OampqJiYmRkZGZmZl7e3s3NzdwcHBHR0c7OzuYmJhzc3NpaWmJiYmXl5dISEj/KiqUlJRgYGCGhoY5OTmJiYn/KiqKiop1dXX/KSlkZGRAQEBkZGSBgYH/ISGBgYFAQECEhIRmZmb/KSltbW1fX1//LCxUVFRERERCQkJHR0dMTExRUVFKSkpPT08+Pj47Ozs1NTUwMDAzMzM4ODj/KiqJiYkvLy9bW1tfX19YWFhiYmJWVlZcXFxjY2N9fX2FhYVnZ2d2dna8K0uEAAAAgnRSTlMA/sOnwwQNw1f6LAqtlm4eFxHew7mchT0tLRoZFgf6+s7LrqOfgX15bWhhXVlNNCj29PHr5tjKwr6OiElIPjj85d/Txbi0pIlqY1k6HhT38vDr6tvXwri1qZOMinxoZVlHJiIfFvr57erh387IurSmm5N8d3FsX1JQC/3e29WmlIQ6mA/hiwAADLNJREFUeNrs1aEBACEMBMFIYlIBjorT8aN5NGqmh70LAAAAAAAAAACA51ZwM3sEF9VZMziN7E1Op9VbiulvVnYFF6NNjL8GAAAAPnbstDlpIIwD+BM1WAUFqkIrolaLByp4V63a1k5rtTqO99HTjud4X+MxnmwSNuRN8qozflqXTYYFkoamYbKl+GMhIWRnus/sU9r/f60lnIPZ+5B4Da8jcDsBkY70dBTaXup+/svf6Ng38f53iESg80HamMob/clr+fy0CG3r7lj871j0bj46K6bNMoiQ25ZKpDqupSeuwUQvtOPe+TAKw3fhSwqcJafhZS88nxBn4tBG5kZDY0/iKRHcpLfFX/YnHyeTk+3SVfG5uScfwjFYjHyv2PscJmegHQwPw2wIFi3ZH348me6FFS78KzY+GgJvktGZ2sJcvZR5d/FjN6wgsaejsATpbcB0jwzo1NAlWCHGh+PjMfApM6BX9F2BlUDsevoJ/PqpV7uxEirz+UcsBn5l9Fq3vkLL67r+GfzqHtDrXIQW1/UqFgLfRvR6h1u9mcavfwLfrg7oNh+hpf0OxcC/y7pdH7SyruuvoAkyut0QcCceWL2JWrNpTQNryShbZb72rO3ZuWopNm9YD1Xe6XaHgbdHPZKLUnmUyHBSmDePmkaeLoTys85eYC7qdjeAt12ShCQXrCw2SLHKojUiCBp51DgEFZd0uxfA2XqEGlaGDAeSyi5rDQlETXVWQUU3KcSy+0Nmj9RAqVQZtVCBbhjaRu7bRqCDFqbKI6i4pdv8Ac56EDI3jKw0GVYwxvS1miwJlv1QcXn5fVtvJXWhj2KBmi/Mk9HwnKAnNouYr2gCtRmYvvrvJO6pzD5EKkOoheBggdoRgoqrQ3qNy8DbHbpdECoESROog8BceVG9X/jXJbRdor2EC14Vi4UlQwL1Bqp8zRzWLSPc+wjgAO0kFGQnsV46KtZFviO3bgz1ZZZBWQB2SYiQvHeS6qeURauXzsJyJR5BZZJcKJLeIC/VR4KeU+y9eW4Wht3vbb4kUBtguTpk1gUptoUz9FqTP5cF6jhwsjEC7rZYhSl6hXHRD1UwnQc+bhsd4OqYWRfZ+8rUoi8lgToDfDwzLoCbc8ikWKstqmTYzyl2jQxFoUd2j8f5qtVLJ4CLsGG4b5nTyGQtkrAtrPrIYLm2MF7mU4pgegg85EhhOkVY2E1kUoOnsbgqeFmDeO8axVBY9QjLiuoTEqiTwMNuo2zjwlEMMikqo6gKGSrDrrkUxtN8CrNQJnDRdQaVCIOzncjEfnh2tK4R7P1C9y1pvsZCmaC9NSyDU3HnKMYkK141I9SSWCgTsA6jSmfkQTZlj2IorHglN6EwMgtlgtW/zqjTCbVOIZPiFVaagYUyQQonbHW5kKuPYpbcSSXFL9ZL9yBAYnbQqDOYFW1RDI9OYmQWygQld8Gos87hm2kXMrFIX8G2c6f3WMYUu+ZtPn1PBB/KdNrq0u8YxVAydqVgayEM0lD1Zx7nM6XAQ5lU9kGkpjgdjlEMK4xHMm4KxCeUiU8NGpa3zlGMCXsmSbg5NE6hTDhhNVLUMYpZ/IaRsUwGW49mm+RlPsMvlNlolO12i2JkC5bpAhyxz+33+Zkv8Qtl3htE1i2Kkb0rSXKT8AtlxPLv4JxbFCN7hrSS3CRcQhn2D1PYJYpBMk8Sx1DmHzNn0BJHDAXg5tBSlrY3ofQg4kEE8VC8bA9eSs+9lP4CL6U/o0lYTTIzZBHFVf9rM77MPsgmOmaz8/IZSWYmDyePeSifmf1u/0RVTH5iVFeslDgDvryZnvf293Mq5vn7ltw1GSD0uMRgfBoaKQN8+JRQMYjk0rUxY+hx4dvGq0HK1MIxT5BMGGIM9DnxIWItZSphzvNRmpdjLWXqAFRMJkLwcqhhp0wdnPAtaFpeDuGlTCXvGh/yLVCKF4TVtFMGVAwguHAt2jtg3IPHWsGc3Hic06Nr2ilzus4KgAvBMRJcV8s2dR3H46+rQcrUwB7mJQOlREnWO2Uq4GyrxHRalEQPUoaec7lNXrQrpZKoQcrQM6gYUQVqLWXI+eX/TPdvaIl174mdx7FumADy4kU4D6UMMTPJnzKTWlC8d8DYlRKM8+LDsWs0UiatYtT0iDsVAaUMLQeSyy0Sw5ZG5XJrYz8VpQwpF5I/ZUaoERROzMpexRJTh5Q5lpKqkq6tvVYR6pAyc/BHBIm5sdauVIQqpMy7fekrSWul1RoNxwie73FdMH5dPL99WNmeu0i8xp0ydJxI+G2NCw0XHhKf87p4tbIDD2Jzfg1S5tBbbD0t6vreeu5vdEgFry+9/SodnAs9NWLl8/K4mZgKpMwpPDBS6cnh/TOzWugY9FJmj6SSgAdrH5WOQi9lzuCBeV0lMfjMijwwfmHvRWoGtZQ5l4BmIZrBApDYdewz4rm9S86jljLf8J/pOvgCdPILiU4cEa9XKhkPOWezN0T8HbZfaJaFdg36zOh0vKaUMjOspFw61rlWPp5Wyhz5SvI317ke2TyXnlM+3j82RFLmwFeS6UZhOuNa7Fz5eEYpZS4koAzeZEhn8Hx6XD6eUUqZYwkwUyFM00mZuXyCmxphFFIGVQxUUo10dFLmRAKmTuikzGHNlWQMwU4ZVDFQSa1pXTM9fhzvHTgPj3cUb6ikzKkEOrhJJFwI0XVDJWX2fCW1tUIlZc58JbW10lFIGVQxpm2btnENewCPg3FwfWfxhkLKoIppgLYJF4LnE4sAdhjPgCmlDKoY1dRLN/1OGVQxrKkXQyFljiTQ1Mz0O2VQxTQ1Y6aXMhcvVdKyWbrWZFAwvp1ayqCK6W/AAwvBBT03xvm7jZ9+p8y8f995F5W07L+L0U0rZWY/fv4bwcK1kKvFxudwxbkMkD2X6TclPeHbHsD+x0memc9BWpIs+vZSYuKZgU/9QOCN/CiYlhDMjPhPzbXlNg7DwCz2DHuAvcseYL96lB5AUvRw+pe6SW9byf0QQHME2lUietI2zgsoBpwhRYn5+4y2zD8xL4HwkriAScKIiTwtiBkytPJ6ejz+GzGCWWmJACmJUAPjpXKCA6bgz+nxkAuJqIhGzBIuCdBSbkRLKGI4chyZcvp9ejzMTotJcu+N0UMhUWCL0UsMl5MCtBispM3O675DRisxgdESzEg0ZIiSYMwg5z1QxLDxgpREaIlRzAo/PfVyejzM3pDBFiPP1nJqnFVJTDAGpuo2L9syEiZFcVZivjCdJOsNSQlqCZKj02No2ZuI9/qEafHEYRZqIC+IFaXEGJmUEq+kSJQEgGnRm5VCIBHDlb3YYTxxmI1CclZzxOzy3oh6DtB90XpAccQQVqRVL+e9EdCCoDViioxM23szfrpOsi2T0UkMFzHy4o7REnbeg3lMMJJ1Utpb81ZuYLyorGP4nmaAqZq2Ysi6envAqI0Y2NPEUsJlDGQGk+O0FngCJWF/kVW9TVbUElNoMSRbA2okdW9sNcGPsyQolBizWj7O9zau92tBvuMxX+e5/Am16oUpSW+6Xjc13z8yPj8+F+QLgvJafR5h+fw91o023nm1SinkG81I1/d+uBVaGkJyas2XSUpFIlUuMtTPkOtzARSS1Wq+tHmXQsbtNt/mgnxXrxHq+9jrhRUgJMVSYpvgpifae5BaiQnLjdS89bo+AM/B1+rjdtWrs44JoOfge8LiiHFWrcfwhxy4qo1ew/dQYB05tRED1km+/u9n267o6xqo8bpsd6BiUkCMCYyWvOsJi3O1U7tWWnHybTFTTzBFL4wXLREDzn74S09UsTHbJno9hm1RXeA8fnsGn5vHv7TO3Sk135Xzlt+Ccx3QE4MdBswASsJlr5uGE4MPf8TLWx/8siWlHazAC/tPC0Xx1uwSMLgLrjRigtm9NQt3lOSt3vyjsY4JQEiSQw5x084sLnu1RgzXo9p/igpwY2HrDilJg8cY+W4SFhI+I4+7vZiW4VICJ1gJPEKk2HywFzrMQCnJAwaz4gkpEfECU5JWj2H22cQH78Q7+biKwd47REqYlgHzSdBkVKXrJJ5Pin3nk6jBTNPgiAkZo+aTnG15jLasJMtJsfN8EtXRNMZjMCmVFdF8Uuw0n0QxPStdH2I+qWIaLiVQ3Q2YT6KsPMl8DzGf9NXeHaQgDAMBFPUC7t16lx6g93ErJPTUNm6qlGjFkE7hvUIPEGagm5++LVKwidk6L/n/PuleX6T9J2ZbTbyWW/VJRbzvmJRi9UnLIs2vTgczHqFPej2aokd3PTTvk3LbPmkxleepQ6lfvdsh/b5K7fuktam4nnq4DOP3PmnWvk+qX+PwcWBu5zA/wAYAAAAAAAAAAAAAAAAAACJ5ABj2A2SRU0gYAAAAAElFTkSuQmCC);
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      width: 4.3733rem;
      height: 4.3733rem;
    }

    .h-m-b .nodata .d-t {
      font-size: 0.4267rem;
      color: var(--color-light);
    }

    .h-m-b .mes-box ul {
      margin: 0.2667rem;
    }

    .h-m-b .mes-box ul li {
      position: relative;
      margin-bottom: 0.2667rem;
      background: rgba(255, 255, 255, 0.1);
      padding: 0.2667rem;
      border-radius: 0.1333rem;
      -webkit-border-radius: 0.1333rem;
      -moz-border-radius: 0.1333rem;
    }

    .h-m-b .mes-box ul li .m-a {
      font-size: 0.4267rem;
      font-weight: 600;
      color: var(--color-white);
    }

    .h-m-b .mes-box ul li .m-b {
      color: var(--color-light);
      padding: 0.2667rem 0;
    }

    .h-m-b .mes-box ul li .m-c {
      color: var(--color-666);
    }

    .h-m-b .mes-box ul li.new {
      background: rgba(var(--color-primary-rgba), 0.1);
    }

    .h-m-b .mes-box ul li.new:before {
      content: "";
      display: inline-block;
      position: absolute;
      top: 0.2667rem;
      right: 0.2667rem;
      width: 0.2667rem;
      height: 0.2667rem;
      border-radius: 0.2133rem;
      border-radius: 0.2667rem;
      -webkit-border-radius: 0.2667rem;
      -moz-border-radius: 0.2667rem;
      background-color: #f83900;
    }

    .h-m-b .share-box ul {
      margin: 0.2667rem;
    }

    .h-m-b .share-box ul li {
      background-color: var(--color-dark);
      border-radius: 0.1333rem;
      -webkit-border-radius: 0.1333rem;
      -moz-border-radius: 0.1333rem;
      padding: 0.2667rem;
      margin-bottom: 0.1333rem;
      color: var(--color-light);
    }

    .s-h-b {
      padding: 1.3333rem 0.5333rem 1.8667rem 0.5333rem;
    }

    .s-h-b .sb-a dt {
      font-size: 0.48rem;
      font-weight: 600;
      color: var(--color-white);
      padding: 0.2667rem 0;
    }

    .s-h-b .sb-a dd {
      padding: 0.1333rem 0;
    }

    .s-h-b .sb-a dd b {
      color: var(--color-primary);
      display: inline-block;
      padding: 0 0.0533rem;
    }

    .s-h-b .sb-b {
      padding: 0.5333rem 0;
    }

    .s-h-b .sb-b .t-tickets {
      min-height: 1.3333rem;
      border-radius: 0.32rem 0.32rem 0 0;
      -webkit-border-radius: 0.32rem 0.32rem 0 0;
      -moz-border-radius: 0.32rem 0.32rem 0 0;
      background-color: rgba(255, 255, 255, 0.2);
      -webkit-mask: radial-gradient(circle at 0 bottom, #0000 0.32rem, #1e1e1e 0), radial-gradient(circle at right bottom, #0000 0.32rem, #1e1e1e 0);
      -webkit-mask-size: 51%;
      -webkit-mask-position: 0, 100%;
      -webkit-mask-repeat: no-repeat;
      padding: 0.5333rem;
      text-align: center;
    }

    .s-h-b .sb-b .t-tickets .i-t {
      font-size: 0.4267rem;
      text-align: center;
      color: var(--color-light);
      font-weight: 600;
      margin-bottom: 0.2667rem;
    }

    .s-h-b .sb-b .t-tickets .i-c span {
      display: inline-block;
      width: 0.8rem;
      height: 0.8rem;
      line-height: 0.8rem;
      border-radius: 0.1067rem;
      -webkit-border-radius: 0.1067rem;
      -moz-border-radius: 0.1067rem;
      text-align: center;
      font-size: 0.64rem;
      background-color: rgba(255, 255, 255, 0.1);
      color: var(--color-white);
      font-weight: 800;
      font-family: DIN;
    }

    .s-h-b .sb-b .b-tickets {
      position: relative;
      width: 100%;
      min-height: 1.3333rem;
      border-radius: 0 0 0.32rem 0.32rem;
      -webkit-border-radius: 0 0 0.32rem 0.32rem;
      -moz-border-radius: 0 0 0.32rem 0.32rem;
      background-color: rgba(255, 255, 255, 0.2);
      -webkit-mask: radial-gradient(circle at 0 top, #0000 0.32rem, #1e1e1e 0), radial-gradient(circle at right top, #0000 0.32rem, #1e1e1e 0);
      -webkit-mask-size: 51%;
      -webkit-mask-position: 0, 100%;
      -webkit-mask-repeat: no-repeat;
      margin-top: -0.0267rem;
      padding-bottom: 0.5333rem;
    }

    .s-h-b .sb-b .b-tickets .b-t {
      position: relative;
      color: var(--color-light);
      text-align: center;
      padding: 0.2667rem;
    }

    .s-h-b .sb-b .b-tickets .b-t b {
      color: var(--color-primary);
      font-size: 0.5333rem;
      font-weight: 800;
      font-family: DIN;
      display: inline-block;
      padding: 0 0.0533rem;
      vertical-align: middle;
      position: relative;
      bottom: 0.0533rem;
    }

    .s-h-b .sb-b .b-tickets .b-t a {
      position: absolute;
      right: 0.5333rem;
      color: var(--color-white);
    }

    .s-h-b .sb-b .b-tickets .b-t a i {
      vertical-align: middle;
      position: relative;
      bottom: 0.0533rem;
    }

    .s-h-b .sb-b .b-tickets .b-q {
      width: 4.8rem;
      height: 4.8rem;
      margin: 0 auto;
      background-color: var(--color-white);
      border-radius: 0.1333rem;
      -webkit-border-radius: 0.1333rem;
      -moz-border-radius: 0.1333rem;
      padding: 0.2667rem;
    }

    .s-h-b .sb-b .b-tickets .b-q img {
      width: 100%;
    }

    .s-h-b .sb-b .b-tickets .b-l {
      text-align: center;
    }

    .s-h-b .sb-b .b-tickets .b-l p {
      font-size: 0.4267rem;
      text-align: center;
      color: var(--color-light);
      font-weight: 600;
      margin: 0.2667rem 0;
    }

    .s-h-b .sb-b .b-tickets .b-l a {
      background-color: rgba(255, 255, 255, 0.1);
      color: var(--color-white);
      font-weight: 800;
      font-family: DIN;
      padding: 0.2667rem;
      border-radius: 0.1067rem;
      -webkit-border-radius: 0.1067rem;
      -moz-border-radius: 0.1067rem;
      display: inline-block;
      font-size: 0.2933rem;
    }

    .s-h-b .sb-c {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: 0.2667rem;
    }

    .s-h-b .sb-c a {
      height: 1.3333rem;
      line-height: 1.3333rem;
      border-radius: 1.3333rem;
      -webkit-border-radius: 1.3333rem;
      -moz-border-radius: 1.3333rem;
      text-align: center;
      background-color: var(--color-primary);
      color: var(--color-white);
      font-weight: 600;
      cursor: pointer;
    }

    .s-h-b .s-row {
      margin-top: 0.5333rem;
    }

    .s-h-b .s-row .r-a {
      color: var(--color-light);
      margin-bottom: 0.1333rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
    }

    .s-h-b .s-row .r-a span {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
    }

    .s-h-b .s-row .r-a b {
      color: var(--color-light);
    }

    .s-h-b .s-row .r-a i {
      font-size: 0.5867rem;
      color: var(--color-primary);
      margin-right: 0.1333rem;
    }

    .s-h-b .s-row .r-b .b-item {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 0.1333rem 0;
    }
    .s-h-b .s-row .r-b .b-item a {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      padding: 0.2667rem;
      background-color: rgba(255, 255, 255, 0.1);
      color: var(--color-white);
      font-size: 0.4rem;
      border-radius: 0.1067rem 0 0 0.1067rem;
      -webkit-border-radius: 0.1067rem 0 0 0.1067rem;
      -moz-border-radius: 0.1067rem 0 0 0.1067rem;
    }
    .s-h-b .s-row .r-b .b-item span {
      width: 1.6rem;
      cursor: pointer;
      -webkit-box-flex: 0 0 1.6rem;
      -webkit-flex: 0 0 1.6rem;
      -ms-flex: 0 0 1.6rem;
      flex: 0 0 1.6rem;
      height: 1.0667rem;
      line-height: 1.0667rem;
      border-radius: 0 0.1067rem 0.1067rem 0;
      -webkit-border-radius: 0 0.1067rem 0.1067rem 0;
      -moz-border-radius: 0 0.1067rem 0.1067rem 0;
      text-align: center;
      background-color: rgba(255, 255, 255, 0.2);
      color: var(--color-white);
    }

    .s-h-b .s-row .r-c {
      text-align: center;
    }

    .s-h-b .s-row .r-c a {
      display: inline-block;
      width: 4.8rem;
      height: 4.8rem;
      border: 0.16rem solid var(--color-white);
      border-radius: 0.1333rem;
      -webkit-border-radius: 0.1333rem;
      -moz-border-radius: 0.1333rem;
    }

    .s-h-b .s-row .r-c a img {
      width: 100%;
      height: 100%;
    }

    .w-l-b {
      padding: 0.5333rem 0.2667rem;
    }

    .w-l-b .w-a {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }

    .w-l-b .w-a img {
      height: 0.8rem;
      width: auto;
    }

    .w-l-b .w-a a {
      background-color: rgba(255, 255, 255, 0.1);
      color: var(--color-white);
      padding: 0.2667rem;
      border-radius: 2.6667rem;
      -webkit-border-radius: 2.6667rem;
      -moz-border-radius: 2.6667rem;
      font-size: 0.3467rem;
    }

    .w-l-b .w-a a i {
      margin-right: 0.0533rem;
    }

    .w-l-b .w-b dl {
      margin: 0.5333rem 0;
    }

    .w-l-b .w-b dl dt {
      color: var(--color-light);
      padding: 0.1333rem 0;
    }

    .w-l-b .w-b dl dt i {
      font-size: 0.5333rem;
      margin-right: 0.08rem;
      vertical-align: middle;
      position: relative;
      bottom: 0.0533rem;
    }

    .w-l-b .w-b dl dd {
      background-color: rgba(255, 255, 255, 0.1);
      border-bottom: 0.0267rem solid rgba(255, 255, 255, 0.05);
      padding: 0.4rem 0.2667rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }

    .w-l-b .w-b dl dd:nth-of-type(1) {
      border-radius: 0.2667rem 0.2667rem 0 0;
      -webkit-border-radius: 0.2667rem 0.2667rem 0 0;
      -moz-border-radius: 0.2667rem 0.2667rem 0 0;
    }

    .w-l-b .w-b dl dd:last-child {
      border-radius: 0 0 0.2667rem 0.2667rem;
      -webkit-border-radius: 0 0 0.2667rem 0.2667rem;
      -moz-border-radius: 0 0 0.2667rem 0.2667rem;
    }

    .w-l-b .w-b dl dd .d-l {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
    }

    .w-l-b .w-b dl dd .d-l .l-l span {
      display: inline-block;
      width: 0.8rem;
      height: 0.8rem;
      line-height: 0.8rem;
      border-radius: 0.8rem;
      -webkit-border-radius: 0.8rem;
      -moz-border-radius: 0.8rem;
      text-align: center;
      margin-right: 0.1333rem;
    }

    .w-l-b .w-b dl dd .d-l .l-l span.s-io {
      color: #fff;
    }

    .w-l-b .w-b dl dd .d-l .l-l span.s-an {
      color: #a2bb3e;
    }

    .w-l-b .w-b dl dd .d-l .l-l span i {
      font-size: 0.8rem;
    }

    .w-l-b .w-b dl dd .d-l .l-r h3 {
      font-size: 0.4rem;
      font-weight: 500;
    }

    .w-l-b .w-b dl dd .d-l .l-r b {
      font-weight: 500;
      font-size: 0.32rem;
      display: inline-block;
      width: 0.96rem;
      height: 0.48rem;
      line-height: 0.48rem;
      text-align: center;
      color: var(--color-white);
      border-radius: 0.0533rem;
      -webkit-border-radius: 0.0533rem;
      -moz-border-radius: 0.0533rem;
      margin-left: 0.1333rem;
      vertical-align: middle;
      position: relative;
      bottom: 0.0267rem;
    }

    .w-l-b .w-b dl dd .d-l .l-r b.b-k1 {
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#FE7A40", endColorstr="#F53B3B");
      background: -webkit-linear-gradient(270deg, #FE7A40, #F53B3B);
      background: -moz-linear-gradient(270deg, #FE7A40, #F53B3B);
      background: -o-linear-gradient(270deg, #FE7A40, #F53B3B);
      background: linear-gradient(270deg, #FE7A40, #F53B3B);
    }

    .w-l-b .w-b dl dd .d-l .l-r b.b-k2 {
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#40b4fe", endColorstr="#3b63f5");
      background: -webkit-linear-gradient(270deg, #40b4fe, #3b63f5);
      background: -moz-linear-gradient(270deg, #40b4fe, #3b63f5);
      background: -o-linear-gradient(270deg, #40b4fe, #3b63f5);
      background: linear-gradient(270deg, #40b4fe, #3b63f5);
    }

    .w-l-b .w-b dl dd .d-l .l-r span {
      color: var(--color-light);
      margin-top: 0.08rem;
      display: inline-block;
      font-size: 0.32rem;
    }

    .w-l-b .w-b dl dd .d-r a {
      display: inline-block;
      width: 2.1333rem;
      height: 0.8533rem;
      line-height: 0.8533rem;
      background-color: rgba(255, 255, 255, 0.1);
      color: var(--color-white);
      text-align: center;
      font-size: 0.3467rem;
      border-radius: 0.1067rem;
      -webkit-border-radius: 0.1067rem;
      -moz-border-radius: 0.1067rem;
      cursor: pointer;
    }

    .w-l-b .w-b dl dd .d-r a i {
      font-size: 0.5867rem;
    }

    .w-l-b .w-b dl dd .d-w {
      text-align: center;
      width: 100%;
      border-radius: 0.2667rem;
      -webkit-border-radius: 0.2667rem;
      -moz-border-radius: 0.2667rem;
    }

    .w-l-b .w-b dl dd .d-w h2 {
      font-size: 0.4267rem;
      padding: 0.2667rem 0;
      color: var(--color-primary);
    }

    .w-l-b .w-b dl dd .d-w h2 span {
      color: var(--color-white);
      font-size: 0.32rem;
      background-color: rgba(255, 255, 255, 0.1);
      padding: 0.1333rem 0.2667rem;
      border-radius: 0.1067rem;
      -webkit-border-radius: 0.1067rem;
      -moz-border-radius: 0.1067rem;
    }

    .w-l-b .w-b dl dd .d-w img {
      width: 3.2rem;
      height: 3.2rem;
      margin: 0 auto;
      margin-bottom: 0.2667rem;
    }

    .b-m-b {
      padding: 1.3333rem 0;
    }

    .b-m-b .b-m .m-row {
      padding: 0.1333rem 0.2667rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: nowrap;
      -moz-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      -o-flex-wrap: nowrap;
      flex-wrap: nowrap;
      overflow-x: auto;
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch;
    }

    .b-m-b .b-m .m-row::-webkit-scrollbar {
      background-color: transparent;
      display: none;
    }

    .b-m-b .b-m .m-row span {
      background-color: rgba(255, 255, 255, 0.1);
      color: var(--color-white);
      padding: 0.1333rem 0.2667rem;
      text-align: center;
      border-radius: 0.1067rem;
      -webkit-border-radius: 0.1067rem;
      -moz-border-radius: 0.1067rem;
      white-space: nowrap;
      margin-right: 0.2667rem;
      cursor: pointer;
      font-size: 0.3467rem;
    }

    .b-m-b .b-m .m-row span.active {
      background-color: rgba(var(--color-primary-rgba), 0.15);
      color: var(--color-primary);
      font-weight: 600;
    }

    .b-u-l {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-gap: 0.1333rem;
      padding: 0.2667rem;
    }

    .b-u-l li .l-a {
      position: relative;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      height: 4.8rem;
      border-radius: 0.1333rem;
      -webkit-border-radius: 0.1333rem;
      -moz-border-radius: 0.1333rem;
    }

    .b-u-l li .l-a:before {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 50%;
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="rgba(0, 0, 0, 0.7)", endColorstr="transparent");
      background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.7), transparent);
      background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.7), transparent);
      background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.7), transparent);
      background: linear-gradient(bottom, rgba(0, 0, 0, 0.7), transparent);
    }

    .b-u-l li .l-a .a-a {
      position: absolute;
      bottom: 0.1333rem;
      right: 0.2667rem;
      font-size: 0.32rem;
      color: var(--color-white);
      font-family: DIN;
    }

    .b-u-l li .l-a .a-a i {
      font-size: 0.3467rem;
      vertical-align: middle;
      position: relative;
      bottom: 0.0533rem;
    }

    .b-u-l li .l-b p {
      font-size: 0.3467rem;
      color: var(--color-white);
    }

    .b-u-l li .l-b span {
      font-size: 0.2933rem;
      color: var(--color-light);
    }

    .b-u-l li .l-b span small {
      display: inline-block;
      position: relative;
      padding-right: 0.1333rem;
      margin-right: 0.1333rem;
      font-size: 0.2933rem;
    }

    .b-u-l li .l-b span small:before {
      content: "";
      position: absolute;
      right: 0;
      top: 0.08rem;
      width: 0.0267rem;
      height: 0.2667rem;
      background-color: var(--color-light);
    }

    .b-u-l li .edit-item {
      display: none;
    }

    .b-u-l.edit li {
      position: relative;
    }

    .b-u-l.edit li .edit-item {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      color: var(--color-white);
      display: block;
    }

    .b-u-l.edit li .edit-item i {
      font-size: 0.6933rem;
      position: absolute;
      top: 0.2667rem;
      right: 0.2667rem;
    }

    .b-u-l.edit li .edit-item.active {
      /*.bg(rgba(var(--color-primary-rgba),.35));*/
    }

    .b-u-l.edit li .edit-item.active i:before {
      content: "\e696";
      color: var(--color-primary);
    }

    .t-b-m {
      padding: 1.3333rem 0 2.6667rem 0;
    }

    .t-b-m .bbs-swiper {
      margin: 0 0.2667rem;
    }

    .t-b-m .au-tab-group .g-item:not(:last-child) {
      margin-bottom: 0.1333rem;
    }

    .tea-list {
      position: relative;
      margin: 0 1em 0.5333rem 0.2667rem;
      display: grid;
      grid-template-columns: 1fr;
      grid-gap: 0.1333rem;
    }

    .tea-list.col-2 {
      grid-template-columns: 1fr 1fr;
    }

    .tea-list.col-2 .i-a img {
      height: 6.1333rem;
      max-height: 6.1333rem;
    }

    .tea-list.col-2 .i-e {
      position: absolute;
      top: 8.8rem;
      right: 0.2667rem;
    }

    .tea-list.col-2 .i-e i {
      font-size: 2.1333rem;
      color: rgba(255, 223, 137, 0.35);
    }

    .tea-list.col-2 .i-d {
      padding: 0 0.1333rem;
    }

    .tea-list.col-2 .i-d span {
      height: 0.8rem;
      line-height: 0.8rem;
      padding: 0.0533rem;
      border-radius: 0.0533rem;
      -webkit-border-radius: 0.0533rem;
      -moz-border-radius: 0.0533rem;
      font-size: 0.24rem;
    }

    .tea-list li {
      position: relative;
      border-radius: 0.1333rem;
      -webkit-border-radius: 0.1333rem;
      -moz-border-radius: 0.1333rem;
      overflow: hidden;
      background-color: rgba(26, 28, 31, 0.98);
      display: block;
      cursor: pointer;
    }

    .tea-list li .i-a {
      position: relative;
    }

    .tea-list li .i-a img {
      width: 100%;
      height: auto;
      max-height: 8rem;
      object-fit: cover;
    }

    .tea-list li .i-a span {
      position: absolute;
      top: 0;
      right: 0;
      background-color: var(--color-primary);
      border-radius: 0 0.1333rem 0 0.1333rem;
      -webkit-border-radius: 0 0.1333rem 0 0.1333rem;
      -moz-border-radius: 0 0.1333rem 0 0.1333rem;
      font-size: 0.2667rem;
      font-weight: 600;
      color: var(--color-white);
      padding: 0rem 0.1067rem;
      line-height: normal;
    }

    .tea-list li .i-b {
      padding: 0.1333rem;
    }

    .tea-list li .i-b .b-a {
      color: var(--color-white);
      font-weight: 500;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      padding: 0.1333rem 0;
    }

    .tea-list li .i-b .b-x {
      font-size: 0.32rem;
      color: var(--color-light);
    }

    .tea-list li .i-b .b-x span {
      color: var(--color-white);
    }

    .tea-list li .i-b .b-x i {
      color: var(--color-primary);
    }

    .tea-list li .i-b .b-c {
      padding-top: 0.1333rem;
    }

    .tea-list li .i-b .b-c span {
      display: inline-block;
      background-color: rgba(255, 255, 255, 0.1);
      color: var(--color-light);
      padding: 0.08rem 0.1333rem;
      font-size: 0.2667rem;
      text-align: center;
      border-radius: 0.1067rem;
      -webkit-border-radius: 0.1067rem;
      -moz-border-radius: 0.1067rem;
      white-space: nowrap;
      margin-right: 0.08rem;
      margin-bottom: 0.08rem;
    }

    .tea-list li .i-b .b-d {
      font-size: 0.32rem;
      color: var(--color-light);
      margin-bottom: 0.1333rem;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      word-break: break-all;
      -o-text-overflow: ellipsis;
      -ms-text-overflow: ellipsis;
      text-overflow: ellipsis;
      overflow: hidden;
    }

    .tea-list li .i-b .b-y {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
    }

    .tea-list li .i-b .b-y .y-col {
      font-size: 0.32rem;
      color: var(--color-light);
    }

    .tea-list li .i-b .b-y .y-col span {
      color: var(--color-white);
    }

    .tea-list li .i-b .b-y .y-col i {
      color: var(--color-primary);
    }

    .tea-list li .i-b .b-s {
      padding: 0.2667rem 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      font-family: DIN;
    }

    .tea-list li .i-b .b-s span {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      border-left: 0.0267rem solid rgba(255, 255, 255, 0.1);
      font-size: 0.32rem;
      text-align: center;
      position: relative;
      color: var(--color-light);
    }

    .tea-list li .i-b .b-s span:first-child {
      border-width: 0;
    }

    .tea-list li .i-c {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 0 0.1333rem 0.1333rem 0.1333rem;
    }

    .tea-list li .i-c .c-x span {
      font-size: 0.2667rem;
      color: var(--color-light);
      font-family: DIN;
      margin-left: 0.5333rem;
    }

    .tea-list li .i-c .c-x span:first-child {
      margin-left: 0;
    }
    .tea-list li .i-c .c-x span i {
      vertical-align: middle;
      position: relative;
      bottom: 0.0533rem;
      margin-right: 0.0533rem;
      font-size: 0.48rem;
    }

    .tea-list li .i-d {
      padding: 0 0.1333rem;
    }
    .tea-list li .i-d span {
      height: 0.8rem;
      line-height: 0.8rem;
      padding: 0.0533rem;
      border-radius: 0.0533rem;
      -webkit-border-radius: 0.0533rem;
      -moz-border-radius: 0.0533rem;
      font-size: 0.2667rem;
    }

    .tea-list li .i-d span i {
      vertical-align: middle;
      position: relative;
      bottom: 0.0533rem;
    }

    .tea-list li .i-d span.sd-1 {
      background-color: rgba(41, 151, 247, 0.1);
      color: #2997f7;
    }

    .tea-list li .i-d span.sd-2 {
      background-color: rgba(18, 185, 40, 0.1);
      color: #18a52a;
    }

    .tea-list li .i-d span.sd-3 {
      background-color: rgba(255, 84, 115, 0.1);
      color: #ff5473;
    }

    .tea-list li .i-e {
      position: absolute;
      top: 8.8rem;
      right: 0.2667rem;
    }

    .tea-list li .i-e i {
      font-size: 3.2rem;
      color: rgba(255, 223, 137, 0.35);
    }

    .tbm-detail .d-author {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 0.2667rem;
    }

    .tbm-detail .d-author .a-l {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
    }

    .tbm-detail .d-author .a-l img {
      width: 1.2267rem;
      height: 1.6rem;
      border-radius: 0.1333rem;
      -webkit-border-radius: 0.1333rem;
      -moz-border-radius: 0.1333rem;
      object-fit: cover;
    }

    .tbm-detail .d-author .a-l .al-r {
      padding: 0 0.2667rem;
    }

    .tbm-detail .d-author .a-l .al-r .r-a {
      color: #5b6a91;
      font-weight: 500;
    }

    .tbm-detail .d-author .a-l .al-r .r-b {
      margin-top: 0.1333rem;
      font-size: 0.2667rem;
      color: var(--color-light);
    }

    .tbm-detail .d-author .a-l .al-r .r-b small {
      display: inline-block;
      padding: 0 0.1333rem;
      vertical-align: middle;
      position: relative;
      bottom: 0.0533rem;
    }

    .tbm-detail .d-author .a-l .al-r .r-c span {
      height: 0.8rem;
      line-height: 0.8rem;
      padding: 0.0533rem 0.1067rem;
      border-radius: 0.0533rem;
      -webkit-border-radius: 0.0533rem;
      -moz-border-radius: 0.0533rem;
      font-size: 0.2667rem;
      margin-right: 0.0533rem;
    }

    .tbm-detail .d-author .a-l .al-r .r-c span i {
      vertical-align: middle;
      position: relative;
      bottom: 0.0267rem;
      font-size: 0.4rem;
    }

    .tbm-detail .d-author .a-l .al-r .r-c span.sd-1 {
      background-color: rgba(41, 151, 247, 0.2);
      color: #2997f7;
    }

    .tbm-detail .d-author .a-l .al-r .r-c span.sd-2 {
      background-color: rgba(18, 185, 40, 0.2);
      color: #18a52a;
    }

    .tbm-detail .d-author .a-l .al-r .r-c span.sd-3 {
      background-color: rgba(255, 84, 115, 0.2);
      color: #ff5473;
    }

    .tbm-detail .d-author .a-r {
      font-size: 0.32rem;
    }

    .tbm-detail .d-author .a-r a {
      color: var(--color-primary);
      padding-left: 0.08rem;
    }

    .tbm-detail .d-author .a-r a i {
      vertical-align: middle;
      position: relative;
      bottom: 0.0267rem;
    }

    .tbm-detail .d-rows {
      padding: 0.2667rem;
      background-color: rgba(255, 255, 255, 0.1);
      margin: 0 0.2667rem 0.2667rem 0.2667rem;
      border-radius: 0.2667rem;
      -webkit-border-radius: 0.2667rem;
      -moz-border-radius: 0.2667rem;
    }

    .tbm-detail .d-rows .r-title {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }

    .tbm-detail .d-rows .r-title .t-l i {
      font-size: 0.5333rem;
      vertical-align: middle;
      position: relative;
      bottom: 0.0267rem;
      background-image: -webkit-linear-gradient(45deg, #f4a942, #ff2a14);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    .tbm-detail .d-rows .r-title .t-l span {
      position: relative;
      font-weight: 500;
      font-size: 0.4267rem;
    }

    .tbm-detail .d-rows .r-title .t-r span {
      display: inline-block;
      height: 0.8rem;
      line-height: 0.8rem;
      border-radius: 0.1067rem;
      -webkit-border-radius: 0.1067rem;
      -moz-border-radius: 0.1067rem;
      cursor: pointer;
      padding: 0 0.2133rem;
      font-size: 0.32rem;
      background-color: rgba(255, 255, 255, 0.1);
      color: var(--color-light);
      margin-left: 0.0533rem;
    }

    .tbm-detail .d-rows .r-title .t-r span i {
      vertical-align: middle;
      position: relative;
      bottom: 0.0267rem;
    }

    .tbm-detail .d-rows .r-title .t-r span:hover {
      color: var(--color-white);
    }

    .tbm-detail .d-rows .r-title .t-r span:active {
      background-color: rgba(255, 255, 255, 0.2);
    }

    .tbm-detail .d-rows .r-body {
      position: relative;
    }

    .tbm-detail .d-rows .r-body .b-a {
      font-weight: 600;
      font-size: 0.4267rem;
      color: var(--color-white);
      margin: 0.2667rem 0;
    }

    .tbm-detail .d-rows .r-body .b-x p {
      padding: 0.1333rem 0;
      color: var(--color-light);
    }

    .tbm-detail .d-rows .r-body .b-x p span {
      color: var(--color-white);
    }

    .tbm-detail .d-rows .r-body .b-x p i {
      color: var(--color-primary);
    }

    .tbm-detail .d-rows .r-body .b-x p small {
      display: inline-block;
      background-color: rgba(255, 255, 255, 0.1);
      color: var(--color-light);
      padding: 0.08rem 0.1333rem;
      font-size: 0.2667rem;
      text-align: center;
      border-radius: 0.1067rem;
      -webkit-border-radius: 0.1067rem;
      -moz-border-radius: 0.1067rem;
      white-space: nowrap;
      margin-right: 0.08rem;
      margin-bottom: 0.08rem;
    }

    .tbm-detail .d-rows .r-body .b-b,
    .tbm-detail .d-rows .r-body .b-d {
      padding: 0.2667rem;
      border-radius: 0.2667rem;
      -webkit-border-radius: 0.2667rem;
      -moz-border-radius: 0.2667rem;
      margin: 0.2667rem 0;
    }

    .tbm-detail .d-rows .r-body .b-y {
      color: var(--color-light);
      padding: 0.2667rem 0;
    }

    .tbm-detail .d-rows .r-body .b-b {
      background-color: rgba(138, 109, 59, 0.1);
      color: rgba(255, 223, 137, 0.8);
    }

    .tbm-detail .d-rows .r-body .b-c {
      margin: 0.5333rem 0;
    }

    .tbm-detail .d-rows .r-body .b-c p {
      padding: 0.08rem 0;
      color: var(--color-light);
    }

    .tbm-detail .d-rows .r-body .b-c p a {
      font-weight: 600;
      color: var(--color-primary);
      display: inline-block;
      padding: 0 0.08rem;
    }

    .tbm-detail .d-rows .r-body .b-d {
      background-color: rgba(255, 84, 115, 0.1);
      color: #ff5473;
    }

    .tbm-detail .d-rows .r-body .b-d p {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      padding: 0.08rem 0;
    }

    .tbm-detail .d-rows .r-body .b-d p b {
      -webkit-box-flex: 0 0 auto;
      -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
    }

    .tbm-detail .d-rows .r-body .b-s {
      position: absolute;
      top: 0.5333rem;
      right: 0.2667rem;
    }

    .tbm-detail .d-rows .r-body .b-s i {
      font-size: 3.2rem;
      color: rgba(255, 223, 137, 0.35);
    }

    .au-ad img {
      width: 100%;
    }

    .au-tags {
      position: relative;
      padding: 0 0.4rem;
    }

    .au-tags .t-a {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
    }

    .au-tags .t-a .a-l {
      color: var(--color-white);
    }

    .au-tags .t-a .a-l i {
      margin-right: 0.1333rem;
      font-weight: 400;
      vertical-align: middle;
      position: relative;
      bottom: 0.0533rem;
    }

    .au-tags .t-a .a-r {
      display: inline-block;
      background: rgba(255, 255, 255, 0.1);
      width: 0.8rem;
      height: 0.6133rem;
      line-height: 0.6133rem;
      text-align: center;
      border-radius: 0.0533rem;
      -webkit-border-radius: 0.0533rem;
      -moz-border-radius: 0.0533rem;
    }

    .au-tags .t-a .a-r i {
      display: inline-block;
    }

    .au-tags .t-b {
      margin: 0.2667rem 0;
      height: auto;
    }

    .au-tags .t-b span {
      display: inline-block;
      margin-bottom: 0.08rem;
      color: var(--color-light);
      background-color: rgba(255, 255, 255, 0.1);
      padding: 0.1067rem 0.1333rem;
      text-align: center;
      border-radius: 0.1067rem;
      -webkit-border-radius: 0.1067rem;
      -moz-border-radius: 0.1067rem;
      white-space: nowrap;
      cursor: pointer;
      font-size: 0.32rem;
      margin-right: 0.0533rem;
    }

    .au-tags .t-b span.active {
      background-color: rgba(var(--color-primary-rgba), 0.15);
      color: var(--color-primary);
      font-weight: 500;
    }

    .au-tags .t-c {
      display: none;
    }

    .au-tags .t-c span {
      color: var(--color-light);
      background-color: #1a1a1a;
      font-size: 0.3467rem;
      padding: 0.0533rem 0.16rem;
      border-radius: 0.1067rem;
      -webkit-border-radius: 0.1067rem;
      -moz-border-radius: 0.1067rem;
    }

    .au-tags.mini .t-a {
      position: relative;
    }

    .au-tags.mini .t-a .a-r i {
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
      transform: rotate(180deg);
    }

    .au-tags.mini .t-a:before {
      content: "";
      position: absolute;
      top: 0.1867rem;
      left: 0.9867rem;
      height: 0.32rem;
      width: 0.0267rem;
      background-color: var(--color-666);
    }

    .au-tags.mini .t-b {
      height: 0.64rem;
      overflow: hidden;
      position: absolute;
      top: -0.2667rem;
      left: 1.6533rem;
      right: 1.3333rem;
    }

    .au-tags.mini .t-b span {
      font-size: 0.3467rem;
    }

    .au-tags.mini .t-c {
      display: block;
      position: absolute;
      top: 0.08rem;
      right: 1.3333rem;
    }

    .au-tabs {
      margin: 0.2667rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
    }

    .au-tabs span {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      padding: 0.2133rem 0;
      text-align: center;
      background-color: rgba(255, 255, 255, 0.05);
      color: #8B8B8E;
      cursor: pointer;
      border-radius: 0.1067rem;
      -webkit-border-radius: 0.1067rem;
      -moz-border-radius: 0.1067rem;
      margin-right: 0.2667rem;
      font-weight: 500;
    }

    .au-tabs span i {
      margin-right: 0.0533rem;
      vertical-align: middle;
      position: relative;
      bottom: 0.0533rem;
    }

    .au-tabs span:last-child {
      margin-right: 0;
    }

    .au-tabs span.active {
      font-weight: 600;
      color: var(--color-white);
    }

    .au-tabs span.active i {
      font-weight: 500;
      color: var(--color-primary);
    }

    .au-tab-group {
      padding: 0.2667rem;
    }

    .au-tab-group .g-item {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }

    .au-tab-group .g-item:not(:last-child) {
      margin-bottom: 0.2667rem;
    }

    .au-tab-group .g-item .i-l {
      position: relative;
      padding-right: 0.1333rem;
    }

    .au-tab-group .g-item .i-l:before {
      content: "";
      position: absolute;
      top: 0.1333rem;
      right: -0.1333rem;
      height: 0.32rem;
      width: 0.0267rem;
      background-color: var(--color-666);
    }

    .au-tab-group .g-item .i-r {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      padding-left: 0.4rem;
      overflow-x: scroll;
      overflow-y: hidden;
    }

    .au-tab-group .g-item .i-r::-webkit-scrollbar {
      display: none;
    }

    .au-tab-group .g-item .i-r span {
      color: var(--color-light);
      padding: 0.1333rem 0.2667rem;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      text-align: center;
      border-radius: 0.1067rem;
      -webkit-border-radius: 0.1067rem;
      -moz-border-radius: 0.1067rem;
      white-space: nowrap;
      cursor: pointer;
      font-size: 0.3467rem;
    }

    .au-tab-group .g-item .i-r span.active {
      background-color: rgba(51, 46, 42, 0.3);
      color: var(--color-primary);
    }

    .au-col-module,
    .lb-au-col-module {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      grid-gap: 0.1333rem;
      padding: 0.2667rem 0.4rem 0 0.4rem;
    }

    .au-col-module li,
    .lb-au-col-module li {
      position: relative;
    }

    .au-col-module li img,
    .lb-au-col-module li img {
      width: 100%;
      border-radius: 0.1333rem;
      -webkit-border-radius: 0.1333rem;
      -moz-border-radius: 0.1333rem;
    }

    .au-col-module li p,
    .lb-au-col-module li p {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 50%;
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="rgba(0, 0, 0, 0.7)", endColorstr="transparent");
      background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
      background: -moz-linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
      background: -o-linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
      background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }

    .au-col-module li p span,
    .lb-au-col-module li p span {
      font-size: 0.32rem;
      color: var(--color-white);
      font-weight: 500;
      margin-top: 0.2667rem;
    }
    .au-col-module li small,
    .lb-au-col-module li small {
      position: absolute;
      top: 0;
      right: 0;
      font-size: 0.24rem;
      color: var(--color-white);
      background-color: rgba(0, 0, 0, 0.3);
      padding: 0.0267rem 0.08rem;
      border-radius: 0 0.1333rem 0 0.1333rem;
      -webkit-border-radius: 0 0.1333rem 0 0.1333rem;
      -moz-border-radius: 0 0.1333rem 0 0.1333rem;
      font-weight: 500;
    }

    .au-col-module-5,
    .lb-au-col-module-5 {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
    }

    .au-col-module-5 .m-l,
    .lb-au-col-module-5 .m-l {
      -webkit-box-flex: 1.2;
      -webkit-flex: 1.2;
      -ms-flex: 1.2;
      flex: 1.2;
      margin-left: 0.2667rem;
    }

    .au-col-module-5 .m-l .item img,
    .lb-au-col-module-5 .m-l .item img {
      max-height: 3.8667rem;
    }

    .au-col-module-5 .m-r,
    .lb-au-col-module-5 .m-r {
      -webkit-box-flex: 2;
      -webkit-flex: 2;
      -ms-flex: 2;
      flex: 2;
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: 0.1333rem;
      padding: 0 0.2667rem 0 0.1333rem;
    }

    .au-col-module-5 .item,
    .lb-au-col-module-5 .item {
      position: relative;
    }

    .au-col-module-5 .item img,
    .lb-au-col-module-5 .item img {
      width: 100%;
      height: 100%;
      max-height: 1.8667rem;
      object-fit: cover;
      object-position: top center;
      border-radius: 0.1333rem;
      -webkit-border-radius: 0.1333rem;
      -moz-border-radius: 0.1333rem;
    }

    .au-col-module-5 .item p,
    .lb-au-col-module-5 .item p {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 50%;
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="rgba(0, 0, 0, 0.7)", endColorstr="transparent");
      background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
      background: -moz-linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
      background: -o-linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
      background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }

    .au-col-module-5 .item p span,
    .lb-au-col-module-5 .item p span {
      font-size: 0.32rem;
      color: var(--color-white);
      font-weight: 500;
      margin-top: 0.2667rem;
    }

    .au-col-module-5 .item small,
    .lb-au-col-module-5 .item small {
      position: absolute;
      top: 0;
      right: 0;
      font-size: 0.24rem;
      color: var(--color-white);
      background-color: rgba(0, 0, 0, 0.3);
      padding: 0.0267rem 0.08rem;
      border-radius: 0 0.1333rem 0 0.1333rem;
      -webkit-border-radius: 0 0.1333rem 0 0.1333rem;
      -moz-border-radius: 0 0.1333rem 0 0.1333rem;
      font-weight: 500;
    }

    .au-col-module-x,
    .lb-au-col-module-x {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-gap: 0.1333rem;
      padding: 0 0.4rem;
    }

    .au-col-module-x .item,
    .lb-au-col-module-x .item {
      position: relative;
    }

    .au-col-module-x .item img,
    .lb-au-col-module-x .item img {
      width: 100%;
      height: 100%;
      max-height: 1.8667rem;
      object-fit: cover;
      object-position: top center;
      border-radius: 0.1333rem;
      -webkit-border-radius: 0.1333rem;
      -moz-border-radius: 0.1333rem;
    }

    .au-col-module-x .item p,
    .lb-au-col-module-x .item p {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 50%;
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="rgba(0, 0, 0, 0.7)", endColorstr="transparent");
      background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
      background: -moz-linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
      background: -o-linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
      background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }

    .au-col-module-x .item p span,
    .lb-au-col-module-x .item p span {
      font-size: 0.32rem;
      color: var(--color-white);
      font-weight: 500;
      margin-top: 0.2667rem;
    }

    .au-col-module-x .item small,
    .lb-au-col-module-x .item small {
      position: absolute;
      top: 0;
      right: 0;
      font-size: 0.24rem;
      color: var(--color-white);
      background-color: rgba(0, 0, 0, 0.3);
      padding: 0.0267rem 0.08rem;
      border-radius: 0 0.1333rem 0 0.1333rem;
      -webkit-border-radius: 0 0.1333rem 0 0.1333rem;
      -moz-border-radius: 0 0.1333rem 0 0.1333rem;
      font-weight: 500;
    }

    .au-t-c .a-t {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }

    .au-t-c .a-t .t-l {
      position: relative;
      color: var(--color-white);
      font-size: 0.4267rem;
      padding: 0.2667rem 0;
      font-weight: 600;
      font-family: DIN;
      /*i { position: absolute; top: 0.1333rem; left: 0; width: 0.2667rem; height: 0.5333rem; .radius(0.2667rem); display: inline-block; .bg-gradient(125deg, #f7b61c, #FF00FF); .transform(30deg); }*/
    }

    .au-t-c .a-t .t-l i {
      font-size: 0.5333rem;
      vertical-align: middle;
      position: relative;
      bottom: 0.0267rem;
      background-image: -webkit-linear-gradient(45deg, #f4a942, #ff2a14);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    .au-t-c .a-t .t-l b {
      margin-left: 0.2667rem;
      color: var(--color-light);
    }

    .au-t-c .a-c .bbs-list {
      margin: 0;
    }

    .more-box {
      padding: 0.2667rem 0.2667rem;
      text-align: center;
    }

    .more-box a {
      background-color: rgba(255, 255, 255, 0.1);
      color: var(--color-white);
      display: inline-block;
      width: 80%;
      height: 1.0667rem;
      line-height: 1.0667rem;
      text-align: center;
      border-radius: 0.1333rem;
      -webkit-border-radius: 0.1333rem;
      -moz-border-radius: 0.1333rem;
      margin: 0.2667rem auto;
      cursor: pointer;
    }

    .fixed-foot {
      position: fixed;
      bottom: 1.28rem;
      left: 0;
      width: 100%;
      z-index: 99;
    }

    .fixed-foot .ff-bd {
      width: 100%;
      max-width: 11.4133rem;
      margin: 0 auto;
    }

    .fixed-foot .ff-bd .d-c {
      padding: 0.16rem 0 0.16rem 0.16rem;
      height: 1.3333rem;
      margin-bottom: constant(safe-area-inset-bottom);
      margin-bottom: env(safe-area-inset-bottom);
      border: 0.0267rem solid rgba(255, 255, 255, 0.2);
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#fff", endColorstr="#fdf5e5");
      background: -webkit-linear-gradient(bottom, #fff, #fdf5e5);
      background: -moz-linear-gradient(bottom, #fff, #fdf5e5);
      background: -o-linear-gradient(bottom, #fff, #fdf5e5);
      background: linear-gradient(bottom, #fff, #fdf5e5);
      -webkit-touch-callout: none;
      backdrop-filter: blur(0.1333rem);
      -webkit-backdrop-filter: blur(0.1333rem);
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }

    .fixed-foot .ff-bd .d-c .f-a {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }

    .fixed-foot .ff-bd .d-c .f-a img {
      width: 0.9067rem;
      height: 0.9067rem;
      border-radius: 0.1333rem;
      -webkit-border-radius: 0.1333rem;
      -moz-border-radius: 0.1333rem;
      margin-right: 0.1333rem;
    }

    .fixed-foot .ff-bd .d-c .f-a span {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-around;
      justify-content: space-around;
    }

    .fixed-foot .ff-bd .d-c .f-a span b {
      color: var(--color-main-bg);
      font-size: 0.3467rem;
      margin-bottom: 0.08rem;
    }

    .fixed-foot .ff-bd .d-c .f-a span small {
      color: var(--color-666);
      font-size: 0.2933rem;
      font-weight: 500;
    }

    .fixed-foot .ff-bd .d-c .f-b a {
      display: inline-block;
      padding: 0 0.32rem;
      height: 0.8533rem;
      line-height: 0.8533rem;
      font-weight: 500;
      cursor: pointer;
      background-color: var(--color-primary);
      color: var(--color-white);
      border-radius: 0.1067rem;
      -webkit-border-radius: 0.1067rem;
      -moz-border-radius: 0.1067rem;
      font-size: 0.32rem;
    }

    .fixed-foot .ff-bd .d-c .f-b span {
      display: inline-block;
      height: 1.0667rem;
      line-height: 1.0667rem;
      padding: 0 0.2667rem;
      color: var(--color-light);
      cursor: pointer;
    }

    .fixed-foot.f-head {
      top: 1.0667rem;
      bottom: auto;
    }

    .pop-fixed {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      z-index: 99;
    }

    .pop-fixed .pop-container {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      height: 100%;
      width: 100%;
      max-width: 11.4133rem;
      margin: 0 auto;
    }

    .pop-fixed .pop-container .pop-bd {
      position: relative;
      background-color: #fff;
      margin: 0 0.5333rem;
      width: 100%;
      border-radius: 0.2667rem;
      -webkit-border-radius: 0.2667rem;
      -moz-border-radius: 0.2667rem;
      z-index: 2;
      -moz-animation: showAlert 0.3s;
      -webkit-animation: showAlert 0.3s;
      -o-animation: showAlert 0.3s;
      animation: showAlert 0.3s;
    }

    .pop-fixed .pop-container .pop-bd.news {
      color: var(--color-dark);
      box-shadow: 0 0.0533rem 0.1333rem rgba(0, 0, 0, 0.05), 0 0.4rem 0.5867rem rgba(0, 0, 0, 0.1);
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#fff", endColorstr="#fdf5e5");
      background: -webkit-linear-gradient(bottom, #fff, #fdf5e5);
      background: -moz-linear-gradient(bottom, #fff, #fdf5e5);
      background: -o-linear-gradient(bottom, #fff, #fdf5e5);
      background: linear-gradient(bottom, #fff, #fdf5e5);
    }

    .pop-fixed .pop-container .pop-bd.news .pn-a {
      text-align: center;
      margin-top: -0.4rem;
    }

    .pop-fixed .pop-container .pop-bd.news .pn-a h3 {
      position: relative;
      display: inline-block;
      font-size: 0.5333rem;
      color: var(--color-black);
    }

    .pop-fixed .pop-container .pop-bd.news .pn-a h3:before {
      content: '';
      position: absolute;
      width: 2.4rem;
      height: 0.4rem;
      left: -0.1333rem;
      background: rgba(var(--color-primary-rgba), 0.3);
      bottom: 0.08rem;
      border-radius: 0.1067rem;
      -webkit-border-radius: 0.1067rem;
      -moz-border-radius: 0.1067rem;
      transform: skewX(-15deg);
      z-index: -1;
    }

    .pop-fixed .pop-container .pop-bd.news .pn-b {
      padding: 0.5333rem;
    }

    .pop-fixed .pop-container .pop-bd.news .pn-b p {
      color: var(--color-primary);
      font-weight: 600;
      padding: 0.2667rem 0;
    }

    .pop-fixed .pop-container .pop-bd.news .pn-c {
      position: relative;
      text-align: center;
      margin-bottom: 0;
      overflow: hidden;
      height: 2.1333rem;
      border-radius: 0 0 0.2667rem 0.2667rem;
      -webkit-border-radius: 0 0 0.2667rem 0.2667rem;
      -moz-border-radius: 0 0 0.2667rem 0.2667rem;
    }

    .pop-fixed .pop-container .pop-bd.news .pn-c a {
      background-color: var(--color-primary);
      color: var(--color-white);
      height: 1.0667rem;
      line-height: 1.0667rem;
      border-radius: 1.0667rem;
      -webkit-border-radius: 1.0667rem;
      -moz-border-radius: 1.0667rem;
      text-align: center;
      display: inline-block;
      width: 50%;
      font-weight: 600;
      margin-top: 0.2667rem;
      cursor: pointer;
    }

    .pop-fixed .pop-container .pop-bd.news .pn-c:after {
      content: '';
      height: 4rem;
      width: 120%;
      background: #fbe8c5;
      position: absolute;
      bottom: -2.4rem;
      left: -10%;
      z-index: -1;
      border-radius: 50%;
    }

    .pop-fixed .pop-container .pop-bd.shortcut {
      color: var(--color-dark);
      box-shadow: 0 0.0533rem 0.1333rem rgba(0, 0, 0, 0.05), 0 0.4rem 0.5867rem rgba(0, 0, 0, 0.1);
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#fff", endColorstr="#fdf5e5");
      background: -webkit-linear-gradient(bottom, #fff, #fdf5e5);
      background: -moz-linear-gradient(bottom, #fff, #fdf5e5);
      background: -o-linear-gradient(bottom, #fff, #fdf5e5);
      background: linear-gradient(bottom, #fff, #fdf5e5);
    }

    .pop-fixed .pop-container .pop-bd.shortcut .s-a h3 {
      text-align: center;
      height: 1.3333rem;
      line-height: 1.3333rem;
    }

    .pop-fixed .pop-container .pop-bd.shortcut .s-a span {
      position: absolute;
      top: 0;
      right: 0;
      display: inline-block;
      width: 1.3333rem;
      height: 1.3333rem;
      line-height: 1.3333rem;
      text-align: center;
      cursor: pointer;
    }

    .pop-fixed .pop-container .pop-bd.shortcut .s-a span i {
      font-size: 0.5333rem;
    }

    .pop-fixed .pop-container .pop-bd.shortcut .s-b {
      padding-bottom: 0.2667rem;
    }

    .pop-fixed .pop-container .pop-bd.shortcut .s-b .b-item {
      padding: 0.2667rem 0.4rem;
    }

    .pop-fixed .pop-container .pop-bd.shortcut .s-b .b-item .i-a {
      height: 1.1733rem;
      line-height: 1.1733rem;
      background-color: rgba(0, 0, 0, 0.65);
      border-radius: 0.1333rem 0.1333rem 0 0;
      -webkit-border-radius: 0.1333rem 0.1333rem 0 0;
      -moz-border-radius: 0.1333rem 0.1333rem 0 0;
      padding: 0 0.2667rem;
      color: var(--color-white);
    }

    .pop-fixed .pop-container .pop-bd.shortcut .s-b .b-item .i-a b {
      color: var(--color-primary);
      font-family: DIN;
      font-size: 0.48rem;
      vertical-align: middle;
      display: inline-block;
      margin-left: 0.1333rem;
      position: relative;
      bottom: 0.0267rem;
    }

    .pop-fixed .pop-container .pop-bd.shortcut .s-b .b-item .i-b img {
      width: 100%;
      border-radius: 0 0 0.1333rem 0.1333rem;
      -webkit-border-radius: 0 0 0.1333rem 0.1333rem;
      -moz-border-radius: 0 0 0.1333rem 0.1333rem;
    }

    .pop-fixed .pop-container .pop-bd.shortcut .s-b .b-item .i-c {
      color: var(--color-666);
    }

    .ad-box {
      margin: 0.2667rem 0;
      border-radius: 0.1067rem;
      -webkit-border-radius: 0.1067rem;
      -moz-border-radius: 0.1067rem;
      overflow: hidden;
    }

    .ad-box .ad-bd {
      margin: 0 0.2667rem;
      border-radius: 0.1067rem;
      -webkit-border-radius: 0.1067rem;
      -moz-border-radius: 0.1067rem;
      overflow: hidden;
    }

    .ad-box img {
      width: 100%;
    }

    .mg-t0 {
      margin-top: 0 !important;
    }

    .ad-box1 {
      margin: 0.2667rem;
      border-radius: 0.1067rem;
      -webkit-border-radius: 0.1067rem;
      -moz-border-radius: 0.1067rem;
      overflow: hidden;
    }

    .ad-box1 img {
      width: 100%;
    }

    .au-rows {
      border-radius: 0.32rem;
      -webkit-border-radius: 0.32rem;
      -moz-border-radius: 0.32rem;
      overflow: hidden;
      margin-top: 0.2667rem;
    }
    .au-rows li a {
      padding: 0.4267rem;
      background-color: #16151B;
      color: #838288;
      cursor: pointer;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }
    .au-rows li a span {
      font-size: 0.4267rem;
    }

    .au-rows li a span img,
    .au-rows li a span svg {
      margin-right: 0.32rem;
      width: 0.64rem;
      vertical-align: middle;
      position: relative;
      bottom: 0.0533rem;
    }

    .au-rows li a span i {
      font-size: 0.64rem;
      vertical-align: middle;
      margin-right: 0.1333rem;
      position: relative;
      bottom: 0.08rem;
      font-weight: 400;
    }

    .au-rows li a i {
      font-size: 0.5333rem;
    }

    .au-rows li a:active {
      background-color: rgba(255, 255, 255, 0.2);
    }

    .au-rows li a.logout {
      color: var(--color-primary);
      display: inline-block;
      width: 100%;
      text-align: center;
      font-weight: 500;
    }

    .au-pop {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 999;
      overflow: hidden;
    }

    .au-pop .ap-bg {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      z-index: 19891025;
      overflow: hidden;
      -moz-backdrop-filter: saturate(120%) blur(0.1333rem);
      -webkit-backdrop-filter: saturate(120%) blur(0.1333rem);
      backdrop-filter: saturate(120%) blur(0.1333rem);
    }

    .au-pop .ap-bd {
      position: relative;
      z-index: 19891026;
    }

    .p-login {
      background-color: #2b2b2b;
    }

    .p-login .pl-c {
      position: relative;
      width: 100%;
      max-width: 11.4133rem;
      margin: 0 auto;
      padding: 0.5333rem 0;
    }

    .p-login .pl-c .l-a {
      position: relative;
      height: 1.3333rem;
      line-height: 1.3333rem;
      text-align: center;
      font-size: 0.48rem;
      font-weight: 600;
      color: var(--color-white);
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }

    .p-login .pl-c .l-a .a-l {
      padding-left: 0.2667rem;
    }

    .p-login .pl-c .l-a .a-l span {
      display: inline-block;
      position: relative;
      width: 1.6rem;
      height: 1.0667rem;
      line-height: 1.0667rem;
      text-align: center;
    }

    .p-login .pl-c .l-a .a-l span.active {
      color: var(--color-primary);
    }

    .p-login .pl-c .l-a .a-r {
      width: 1.3333rem;
      text-align: center;
    }

    .p-login .pl-c .l-a .a-r span {
      display: inline-block;
      width: 0.8rem;
      height: 0.8rem;
      line-height: 0.8rem;
      border-radius: 0.8rem;
      -webkit-border-radius: 0.8rem;
      -moz-border-radius: 0.8rem;
      background-color: rgba(255, 255, 255, 0.1);
      text-align: center;
      margin-right: 0.2667rem;
    }

    .p-login .pl-c .l-a .a-r span i {
      font-size: 0.48rem;
    }

    .p-login .pl-c .l-b {
      padding: 0.5333rem;
    }

    .p-login .pl-c .l-b .au-form-goup .f-a {
      padding: 0.5333rem 0;
    }

    .p-login .pl-c .l-b .au-form-goup .f-a li input {
      font-size: 0.4267rem;
      font-family: DIN;
    }

    .au-form-goup .f-a li {
      position: relative;
      margin-bottom: 0.5333rem;
    }

    .au-form-goup .f-a li input {
      background-color: rgba(255, 255, 255, 0.1);
      color: var(--color-white);
      height: 1.3333rem;
      line-height: 1.3333rem;
      border-radius: 0.1067rem;
      -webkit-border-radius: 0.1067rem;
      -moz-border-radius: 0.1067rem;
      border: 0.0267rem solid transparent;
      width: 100%;
      padding-left: 1.0667rem;
      padding-right: 0.2667rem;
    }

    .au-form-goup .f-a li input:focus {
      border-color: rgba(255, 255, 255, 0.15);
    }

    .au-form-goup .f-a li i {
      position: absolute;
      left: 0.2667rem;
      font-size: 0.5867rem;
      top: 0.3467rem;
    }

    .au-form-goup .f-a li a {
      position: absolute;
      right: 0;
      top: 0;
      display: inline-block;
      height: 1.3333rem;
      line-height: 1.3333rem;
      padding: 0 0.2667rem;
      text-align: center;
    }

    .au-form-goup .f-b .btn {
      height: 1.1733rem;
      line-height: 1.1733rem;
      font-size: 0.4267rem;
      width: 100%;
    }

    .au-form-goup .f-c a {
      display: block;
      text-align: right;
      padding: 0.2667rem 0;
    }

    .loading-container {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      pointer-events: none;
      z-index: 99;
    }

    .au-tabs-box {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      background-color: rgba(255, 255, 255, 0.2);
      height: 0.96rem;
      line-height: 0.96rem;
      border-radius: 0.1067rem;
      -webkit-border-radius: 0.1067rem;
      -moz-border-radius: 0.1067rem;
      padding: 0.08rem;
      position: relative;
    }

    .au-tabs-box span {
      display: inline-block;
      width: 1.8667rem;
      text-align: center;
      z-index: 2;
      cursor: pointer;
      font-weight: 500;
    }

    .au-tabs-box span.active {
      color: var(--color-white);
    }

    .au-tabs-box .bar {
      width: 1.8667rem;
      height: 0.8rem;
      line-height: 0.8rem;
      position: absolute;
      bottom: 0.08rem;
      border-radius: 0.1067rem;
      -webkit-border-radius: 0.1067rem;
      -moz-border-radius: 0.1067rem;
      background-color: var(--color-primary);
      transform: translateX(-50%);
      z-index: 1;
      -webkit-transition-duration: 0.3s;
      transition-duration: 0.3s;
      -webkit-transition-timing-function: ease;
      transition-timing-function: ease;
    }

    .au-tabs-box.hms {
      width: 3.8933rem;
      margin: 0 auto;
      font-size: 0.3733rem;
    }

    .au-tabs-box.hms span {
      font-size: 0.3733rem;
    }

    .layer-box {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 19891024;
      overflow: hidden;
      display: none;
    }

    .layer-box.t50 {
      top: 1.3333rem;
      bottom: 0;
      height: auto;
    }

    .layer-box .lb-bd {
      position: relative;
      height: 100%;
      width: 100%;
    }

    .layer-box .lb-bd.flex-end {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: flex-end;
      -webkit-align-items: flex-end;
      -ms-flex-align: flex-end;
      align-items: flex-end;
    }

    .layer-moreEpisodes {
      width: 100%;
      max-width: 11.4133rem;
      height: 54vh;
      position: relative;
      bottom: 0;
      margin: 0 auto;
      background-color: var(--color-black);
      border-radius: 0.5333rem 0.5333rem 0 0;
      -webkit-border-radius: 0.5333rem 0.5333rem 0 0;
      -moz-border-radius: 0.5333rem 0.5333rem 0 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      padding-bottom: constant(safe-area-inset-bottom);
      padding-bottom: env(safe-area-inset-bottom);
    }

    .layer-moreEpisodes .m-a {
      padding: 0.2667rem 0.2667rem 0 0.2667rem;
    }

    .layer-moreEpisodes .m-a .ma-t {
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }

    .layer-moreEpisodes .m-a .ma-t .t-l {
      color: var(--color-white);
      font-size: 0.3467rem;
      font-weight: 500;
    }

    .layer-moreEpisodes .m-a .ma-t .t-l img {
      height: 0.3467rem;
      margin-right: 0.08rem;
      vertical-align: middle;
      position: relative;
      bottom: 0.0267rem;
    }

    .layer-moreEpisodes .m-a .ma-t .t-l b {
      font-size: 0.1067rem;
      vertical-align: middle;
      display: inline-block;
      padding: 0 0.08rem;
    }

    .layer-moreEpisodes .m-a .ma-t .t-l span {
      display: inline-block;
      background-color: rgba(255, 255, 255, 0.2);
      border-radius: 0.0533rem;
      -webkit-border-radius: 0.0533rem;
      -moz-border-radius: 0.0533rem;
      padding: 0.0267rem 0.1067rem;
      font-size: 0.2667rem;
      margin-left: 0.1333rem;
      vertical-align: middle;
      position: relative;
      bottom: 0.0267rem;
    }

    .layer-moreEpisodes .m-a .ma-t .t-r {
      position: absolute;
      right: -0.1333rem;
      top: -0.1333rem;
      width: 1.0667rem;
      height: 1.0667rem;
      line-height: 1.0667rem;
      text-align: center;
      cursor: pointer;
    }

    .layer-moreEpisodes .m-a .ma-b {
      border-bottom: 0.0267rem solid rgba(255, 255, 255, 0.1);
    }

    .layer-moreEpisodes .m-a .ma-b span {
      position: relative;
      font-size: 0.32rem;
      color: var(--color-light);
      display: inline-block;
      height: 0.96rem;
      line-height: 0.96rem;
      padding: 0 0.2667rem;
      cursor: pointer;
    }

    .layer-moreEpisodes .m-a .ma-b span.active {
      color: var(--color-white);
      font-weight: 500;
    }

    .layer-moreEpisodes .m-a .ma-b span:first-child:before {
      left: 0.2667rem;
    }

    .layer-moreEpisodes .m-b {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      overflow-x: hidden;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
    }

    .layer-moreEpisodes .m-b::-webkit-scrollbar {
      display: none;
    }

    .layer-moreEpisodes .m-c {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: 0.2667rem;
      padding: 0.2667rem;
    }

    .layer-moreEpisodes .m-c a {
      background-color: rgba(255, 255, 255, 0.1);
      color: var(--color-white);
      height: 0.96rem;
      line-height: 0.96rem;
      border-radius: 0.1067rem;
      -webkit-border-radius: 0.1067rem;
      -moz-border-radius: 0.1067rem;
      font-size: 0.3467rem;
      font-weight: 500;
      text-align: center;
      cursor: pointer;
    }

    .layer-moreEpisodes .m-c a i {
      margin-right: 0.08rem;
      vertical-align: middle;
      position: relative;
      bottom: 0.0533rem;
    }

    .p-l-i li {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 0.2667rem;
      cursor: pointer;
    }

    .p-l-i li:active,
    .p-l-i li:hover {
      background-color: rgba(255, 255, 255, 0.1);
    }

    .p-l-i li .l-l {
      width: 1.6rem;
      height: 2.6667rem;
      -webkit-box-flex: 0 0 1.6rem;
      -webkit-flex: 0 0 1.6rem;
      -ms-flex: 0 0 1.6rem;
      flex: 0 0 1.6rem;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: top center;
      border-radius: 0.1067rem;
      -webkit-border-radius: 0.1067rem;
      -moz-border-radius: 0.1067rem;
    }

    .p-l-i li .l-r {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      padding-left: 0.2667rem;
    }

    .p-l-i li .l-r .r-a {
      color: var(--color-white);
    }

    .p-l-i li .l-r .r-a small {
      font-size: 0.32rem;
      display: inline-block;
      padding: 0 0.1333rem;
    }

    .p-l-i li .l-r .r-b {
      margin-top: 0.2667rem;
      color: var(--color-light);
      font-size: 0.32rem;
    }

    .p-l-i li .l-r .r-b span {
      display: inline-block;
      margin-right: 0.4rem;
      font-family: DIN;
    }

    .p-l-i li .l-r .r-b span i {
      font-size: 0.3733rem;
      margin-right: 0.08rem;
      vertical-align: middle;
      position: relative;
      bottom: 0.0533rem;
    }

    .p-l-c {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
      grid-gap: 0.2667rem;
      padding: 0.2667rem;
    }

    .p-l-c span {
      display: inline-block;
      background-color: rgba(255, 255, 255, 0.1);
      color: var(--color-white);
      border-radius: 0.1067rem;
      -webkit-border-radius: 0.1067rem;
      -moz-border-radius: 0.1067rem;
      height: 0.8533rem;
      line-height: 0.8533rem;
      text-align: center;
      font-family: DIN;
    }

    .p-l-c span.active {
      background-color: rgba(var(--color-primary-rgba), 0.15);
      color: var(--color-primary);
      position: relative;
      padding-right: 0.1333rem;
    }

    .au-pagination-box {
      margin: 0.5333rem 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }

    .au-pagination-box .pb-x {
      position: relative;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      padding: 0 0.2667rem;
    }

    .au-pagination-box .pb-x a {
      display: inline-block;
      height: 1.0667rem;
      line-height: 1.0667rem;
      width: 100%;
      border-radius: 0.1067rem;
      -webkit-border-radius: 0.1067rem;
      -moz-border-radius: 0.1067rem;
      text-align: center;
      background-color: rgba(255, 255, 255, 0.1);
      color: var(--color-white);
      cursor: pointer;
      border: 0.0267rem solid var(--color-dark);
    }

    .au-pagination-box .pb-x input {
      width: 100%;
      height: 1.0667rem;
      line-height: 1.0667rem;
      border: 0.0267rem solid var(--color-dark);
      border-radius: 0.1067rem;
      -webkit-border-radius: 0.1067rem;
      -moz-border-radius: 0.1067rem;
      padding-left: 0.2667rem;
      font-family: DIN;
      font-size: 0.4rem;
      font-weight: 800;
    }

    .au-pagination-box .pb-x input:focus {
      border-color: var(--color-white);
    }
    .au-pagination-box .pb-x span {
      position: absolute;
      top: 0;
      right: 0.2667rem;
      height: 1.0667rem;
      line-height: 1.0667rem;
      display: inline-block;
      font-family: DIN;
      font-size: 0.4rem;
      font-weight: 800;
      margin: 0 0.2667rem;
    }

    #index-banner,
    #mv-banner,
    #bbs-banner {
      position: relative;
      margin: 0 0.2667rem 0.2667rem 0.2667rem;
      border-radius: 0.2667rem;
      -webkit-border-radius: 0.2667rem;
      -moz-border-radius: 0.2667rem;
      overflow: hidden;
    }

    #index-banner .swiper-wrapper a,
    #mv-banner .swiper-wrapper a,
    #bbs-banner .swiper-wrapper a {
      display: block;
    }
    #index-banner .swiper-wrapper a img,
    #mv-banner .swiper-wrapper a img,
    #bbs-banner .swiper-wrapper a img {
      width: 100%;
      border-radius: 0.2667rem;
      -webkit-border-radius: 0.2667rem;
      -moz-border-radius: 0.2667rem;
    }

    #index-banner .swiper-pagination,
    #mv-banner .swiper-pagination,
    #bbs-banner .swiper-pagination {
      position: absolute;
      z-index: 3;
      text-align: right;
      padding-right: 0.5333rem;
    }

    #index-banner .swiper-pagination .swiper-pagination-bullet,
    #mv-banner .swiper-pagination .swiper-pagination-bullet,
    #bbs-banner .swiper-pagination .swiper-pagination-bullet {
      width: 0.1333rem;
      height: 0.1333rem;
      background-color: var(--color-white);
      opacity: 85 / 100;
      filter: alpha(opacity=85);
    }

    #index-banner .swiper-pagination .swiper-pagination-bullet-active,
    #mv-banner .swiper-pagination .swiper-pagination-bullet-active,
    #bbs-banner .swiper-pagination .swiper-pagination-bullet-active {
      width: 0.5333rem;
      background-color: var(--color-primary);
      border-radius: 0.0533rem;
      -webkit-border-radius: 0.0533rem;
      -moz-border-radius: 0.0533rem;
      opacity: 100 / 100;
      filter: alpha(opacity=100);
    }

    .nodata {
      margin-top: 30%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }

    .nodata .d-i {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAEYCAMAAACwUBm+AAAB2lBMVEUAAAA5OTk7OztBQUFAQEBlZWVKSko/Pz+KioqJiYlDQ0OBgYGIiIg7OzuKioqLi4tpaWmCgoKJiYlDQ0M5OTlERESIiIiUlJRdXV3/KipAQECEhISLi4uRkZFFRUU5OTlGRkZCQkJFRUWJiYmXl5f/KipGRkY4ODhGRkY5OTmKiopGRkY5OTlERESGhoaMjIz/KipGRkY5OTlGRkY5OTk5OTk5OTn/KipHR0dGRkY5OTmPj485OTlHR0c5OTn/KiqJiYn/KiqJiYlvb29VVVX/KipxcXH/Kip7e3v/Kir/KippaWn/Kyv/JSVVVVWRkZFUVFRhYWH/KipFRUX/KiqJiYlCQkJ6eno5OTl/f3+JiYmTk5OampqJiYmRkZGZmZl7e3s3NzdwcHBHR0c7OzuYmJhzc3NpaWmJiYmXl5dISEj/KiqUlJRgYGCGhoY5OTmJiYn/KiqKiop1dXX/KSlkZGRAQEBkZGSBgYH/ISGBgYFAQECEhIRmZmb/KSltbW1fX1//LCxUVFRERERCQkJHR0dMTExRUVFKSkpPT08+Pj47Ozs1NTUwMDAzMzM4ODj/KiqJiYkvLy9bW1tfX19YWFhiYmJWVlZcXFxjY2N9fX2FhYVnZ2d2dna8K0uEAAAAgnRSTlMA/sOnwwQNw1f6LAqtlm4eFxHew7mchT0tLRoZFgf6+s7LrqOfgX15bWhhXVlNNCj29PHr5tjKwr6OiElIPjj85d/Txbi0pIlqY1k6HhT38vDr6tvXwri1qZOMinxoZVlHJiIfFvr57erh387IurSmm5N8d3FsX1JQC/3e29WmlIQ6mA/hiwAADLNJREFUeNrs1aEBACEMBMFIYlIBjorT8aN5NGqmh70LAAAAAAAAAACA51ZwM3sEF9VZMziN7E1Op9VbiulvVnYFF6NNjL8GAAAAPnbstDlpIIwD+BM1WAUFqkIrolaLByp4V63a1k5rtTqO99HTjud4X+MxnmwSNuRN8qozflqXTYYFkoamYbKl+GMhIWRnus/sU9r/f60lnIPZ+5B4Da8jcDsBkY70dBTaXup+/svf6Ng38f53iESg80HamMob/clr+fy0CG3r7lj871j0bj46K6bNMoiQ25ZKpDqupSeuwUQvtOPe+TAKw3fhSwqcJafhZS88nxBn4tBG5kZDY0/iKRHcpLfFX/YnHyeTk+3SVfG5uScfwjFYjHyv2PscJmegHQwPw2wIFi3ZH348me6FFS78KzY+GgJvktGZ2sJcvZR5d/FjN6wgsaejsATpbcB0jwzo1NAlWCHGh+PjMfApM6BX9F2BlUDsevoJ/PqpV7uxEirz+UcsBn5l9Fq3vkLL67r+GfzqHtDrXIQW1/UqFgLfRvR6h1u9mcavfwLfrg7oNh+hpf0OxcC/y7pdH7SyruuvoAkyut0QcCceWL2JWrNpTQNryShbZb72rO3ZuWopNm9YD1Xe6XaHgbdHPZKLUnmUyHBSmDePmkaeLoTys85eYC7qdjeAt12ShCQXrCw2SLHKojUiCBp51DgEFZd0uxfA2XqEGlaGDAeSyi5rDQlETXVWQUU3KcSy+0Nmj9RAqVQZtVCBbhjaRu7bRqCDFqbKI6i4pdv8Ac56EDI3jKw0GVYwxvS1miwJlv1QcXn5fVtvJXWhj2KBmi/Mk9HwnKAnNouYr2gCtRmYvvrvJO6pzD5EKkOoheBggdoRgoqrQ3qNy8DbHbpdECoESROog8BceVG9X/jXJbRdor2EC14Vi4UlQwL1Bqp8zRzWLSPc+wjgAO0kFGQnsV46KtZFviO3bgz1ZZZBWQB2SYiQvHeS6qeURauXzsJyJR5BZZJcKJLeIC/VR4KeU+y9eW4Wht3vbb4kUBtguTpk1gUptoUz9FqTP5cF6jhwsjEC7rZYhSl6hXHRD1UwnQc+bhsd4OqYWRfZ+8rUoi8lgToDfDwzLoCbc8ikWKstqmTYzyl2jQxFoUd2j8f5qtVLJ4CLsGG4b5nTyGQtkrAtrPrIYLm2MF7mU4pgegg85EhhOkVY2E1kUoOnsbgqeFmDeO8axVBY9QjLiuoTEqiTwMNuo2zjwlEMMikqo6gKGSrDrrkUxtN8CrNQJnDRdQaVCIOzncjEfnh2tK4R7P1C9y1pvsZCmaC9NSyDU3HnKMYkK141I9SSWCgTsA6jSmfkQTZlj2IorHglN6EwMgtlgtW/zqjTCbVOIZPiFVaagYUyQQonbHW5kKuPYpbcSSXFL9ZL9yBAYnbQqDOYFW1RDI9OYmQWygQld8Gos87hm2kXMrFIX8G2c6f3WMYUu+ZtPn1PBB/KdNrq0u8YxVAydqVgayEM0lD1Zx7nM6XAQ5lU9kGkpjgdjlEMK4xHMm4KxCeUiU8NGpa3zlGMCXsmSbg5NE6hTDhhNVLUMYpZ/IaRsUwGW49mm+RlPsMvlNlolO12i2JkC5bpAhyxz+33+Zkv8Qtl3htE1i2Kkb0rSXKT8AtlxPLv4JxbFCN7hrSS3CRcQhn2D1PYJYpBMk8Sx1DmHzNn0BJHDAXg5tBSlrY3ofQg4kEE8VC8bA9eSs+9lP4CL6U/o0lYTTIzZBHFVf9rM77MPsgmOmaz8/IZSWYmDyePeSifmf1u/0RVTH5iVFeslDgDvryZnvf293Mq5vn7ltw1GSD0uMRgfBoaKQN8+JRQMYjk0rUxY+hx4dvGq0HK1MIxT5BMGGIM9DnxIWItZSphzvNRmpdjLWXqAFRMJkLwcqhhp0wdnPAtaFpeDuGlTCXvGh/yLVCKF4TVtFMGVAwguHAt2jtg3IPHWsGc3Hic06Nr2ilzus4KgAvBMRJcV8s2dR3H46+rQcrUwB7mJQOlREnWO2Uq4GyrxHRalEQPUoaec7lNXrQrpZKoQcrQM6gYUQVqLWXI+eX/TPdvaIl174mdx7FumADy4kU4D6UMMTPJnzKTWlC8d8DYlRKM8+LDsWs0UiatYtT0iDsVAaUMLQeSyy0Sw5ZG5XJrYz8VpQwpF5I/ZUaoERROzMpexRJTh5Q5lpKqkq6tvVYR6pAyc/BHBIm5sdauVIQqpMy7fekrSWul1RoNxwie73FdMH5dPL99WNmeu0i8xp0ydJxI+G2NCw0XHhKf87p4tbIDD2Jzfg1S5tBbbD0t6vreeu5vdEgFry+9/SodnAs9NWLl8/K4mZgKpMwpPDBS6cnh/TOzWugY9FJmj6SSgAdrH5WOQi9lzuCBeV0lMfjMijwwfmHvRWoGtZQ5l4BmIZrBApDYdewz4rm9S86jljLf8J/pOvgCdPILiU4cEa9XKhkPOWezN0T8HbZfaJaFdg36zOh0vKaUMjOspFw61rlWPp5Wyhz5SvI317ke2TyXnlM+3j82RFLmwFeS6UZhOuNa7Fz5eEYpZS4koAzeZEhn8Hx6XD6eUUqZYwkwUyFM00mZuXyCmxphFFIGVQxUUo10dFLmRAKmTuikzGHNlWQMwU4ZVDFQSa1pXTM9fhzvHTgPj3cUb6ikzKkEOrhJJFwI0XVDJWX2fCW1tUIlZc58JbW10lFIGVQxpm2btnENewCPg3FwfWfxhkLKoIppgLYJF4LnE4sAdhjPgCmlDKoY1dRLN/1OGVQxrKkXQyFljiTQ1Mz0O2VQxTQ1Y6aXMhcvVdKyWbrWZFAwvp1ayqCK6W/AAwvBBT03xvm7jZ9+p8y8f995F5W07L+L0U0rZWY/fv4bwcK1kKvFxudwxbkMkD2X6TclPeHbHsD+x0memc9BWpIs+vZSYuKZgU/9QOCN/CiYlhDMjPhPzbXlNg7DwCz2DHuAvcseYL96lB5AUvRw+pe6SW9byf0QQHME2lUietI2zgsoBpwhRYn5+4y2zD8xL4HwkriAScKIiTwtiBkytPJ6ejz+GzGCWWmJACmJUAPjpXKCA6bgz+nxkAuJqIhGzBIuCdBSbkRLKGI4chyZcvp9ejzMTotJcu+N0UMhUWCL0UsMl5MCtBispM3O675DRisxgdESzEg0ZIiSYMwg5z1QxLDxgpREaIlRzAo/PfVyejzM3pDBFiPP1nJqnFVJTDAGpuo2L9syEiZFcVZivjCdJOsNSQlqCZKj02No2ZuI9/qEafHEYRZqIC+IFaXEGJmUEq+kSJQEgGnRm5VCIBHDlb3YYTxxmI1CclZzxOzy3oh6DtB90XpAccQQVqRVL+e9EdCCoDViioxM23szfrpOsi2T0UkMFzHy4o7REnbeg3lMMJJ1Utpb81ZuYLyorGP4nmaAqZq2Ysi6envAqI0Y2NPEUsJlDGQGk+O0FngCJWF/kVW9TVbUElNoMSRbA2okdW9sNcGPsyQolBizWj7O9zau92tBvuMxX+e5/Am16oUpSW+6Xjc13z8yPj8+F+QLgvJafR5h+fw91o023nm1SinkG81I1/d+uBVaGkJyas2XSUpFIlUuMtTPkOtzARSS1Wq+tHmXQsbtNt/mgnxXrxHq+9jrhRUgJMVSYpvgpifae5BaiQnLjdS89bo+AM/B1+rjdtWrs44JoOfge8LiiHFWrcfwhxy4qo1ew/dQYB05tRED1km+/u9n267o6xqo8bpsd6BiUkCMCYyWvOsJi3O1U7tWWnHybTFTTzBFL4wXLREDzn74S09UsTHbJno9hm1RXeA8fnsGn5vHv7TO3Sk135Xzlt+Ccx3QE4MdBswASsJlr5uGE4MPf8TLWx/8siWlHazAC/tPC0Xx1uwSMLgLrjRigtm9NQt3lOSt3vyjsY4JQEiSQw5x084sLnu1RgzXo9p/igpwY2HrDilJg8cY+W4SFhI+I4+7vZiW4VICJ1gJPEKk2HywFzrMQCnJAwaz4gkpEfECU5JWj2H22cQH78Q7+biKwd47REqYlgHzSdBkVKXrJJ5Pin3nk6jBTNPgiAkZo+aTnG15jLasJMtJsfN8EtXRNMZjMCmVFdF8Uuw0n0QxPStdH2I+qWIaLiVQ3Q2YT6KsPMl8DzGf9NXeHaQgDAMBFPUC7t16lx6g93ErJPTUNm6qlGjFkE7hvUIPEGagm5++LVKwidk6L/n/PuleX6T9J2ZbTbyWW/VJRbzvmJRi9UnLIs2vTgczHqFPej2aokd3PTTvk3LbPmkxleepQ6lfvdsh/b5K7fuktam4nnq4DOP3PmnWvk+qX+PwcWBu5zA/wAYAAAAAAAAAAAAAAAAAACJ5ABj2A2SRU0gYAAAAAElFTkSuQmCC);
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      width: 4.3733rem;
      height: 4.3733rem;
    }

    .nodata .d-t {
      font-size: 0.4267rem;
      color: var(--color-light);
    }

    .share-popup {
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#00dc5a", endColorstr="#ff2a14");
      background: -webkit-linear-gradient(45deg, #00dc5a, #ff2a14);
      background: -moz-linear-gradient(45deg, #00dc5a, #ff2a14);
      background: -o-linear-gradient(45deg, #00dc5a, #ff2a14);
      background: linear-gradient(45deg, #00dc5a, #ff2a14);
      padding: 0.5333rem;
    }

    .share-popup p {
      font-size: 0.3733rem;
      color: var(--color-main-txt);
    }

    #bbs-banner {
      margin: 0 0.2667rem;
    }

    .mv-swiper,
    .bbs-swiper {
      position: relative;
      margin: 0 0.2667rem 0.2667rem 0.2667rem;
      overflow: hidden;
    }

    .mv-swiper .swiper-container,
    .bbs-swiper .swiper-container {
      width: 100%;
      height: auto;
    }

    .mv-swiper .swiper-slide a,
    .bbs-swiper .swiper-slide a {
      margin: 0.1067rem;
      display: flex;
      border-radius: 0.1333rem;
      -webkit-border-radius: 0.1333rem;
      -moz-border-radius: 0.1333rem;
      overflow: hidden;
      justify-content: center;
      align-items: center;
    }

    .mv-swiper .swiper-slide img,
    .bbs-swiper .swiper-slide img {
      max-width: 100%;
      max-height: 3.2rem;
      width: auto;
      height: auto;
      margin: 0 auto;
      object-fit: contain;
    }

    .tea-swiper {
      position: relative;
      overflow: hidden;
      height: 7.4667rem;
    }

    .tea-swiper .swiper-container {
      width: auto;
      height: 100%;
      margin: 0 0.2667rem;
      text-align: center;
      background-color: rgba(255, 255, 255, 0.1);
      border-radius: 0.2667rem;
      -webkit-border-radius: 0.2667rem;
      -moz-border-radius: 0.2667rem;
    }

    .tea-swiper .swiper-slide img {
      height: 100%;
    }

    .tea-swiper .swiper-pagination {
      position: absolute;
      top: 0.2667rem;
      left: 0.2667rem;
      width: 1.3333rem;
      height: 0.8rem;
      line-height: 0.8rem;
      border-radius: 0.1333rem;
      -webkit-border-radius: 0.1333rem;
      -moz-border-radius: 0.1333rem;
      background-color: rgba(255, 255, 255, 0.1);
      color: var(--color-light);
    }

    .tea-swiper .swiper-pagination .swiper-pagination-current {
      color: var(--color-white);
    }

    .dis-swiper {
      position: relative;
      overflow: hidden;
      height: auto;
    }

    .dis-swiper .swiper-slide img {
      width: 100%;
      height: auto;
      margin: 0 auto;
    }

    .dis-swiper .swiper-pagination {
      position: fixed !important;
      bottom: 1.3333rem !important;
    }

    .dis-swiper .swiper-pagination .swiper-pagination-bullet {
      background: var(--color-666) !important;
    }

    .dis-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
      background: var(--color-white) !important;
    }

    .mt-0 {
      margin-top: 0;
    }

    .m-0 {
      margin: 0;
    }

    .focus-color {
      color: var(--color-primary);
    }

    .triangle {
      stroke-dasharray: 17;
      animation: dash 2.5s cubic-bezier(0.35, 0.04, 0.63, 0.95) infinite;
    }

    @keyframes dash {
      to {
        stroke-dashoffset: 136;
      }
    }

    .van-toast {
      z-index: 19891030 !important;
    }

    .loading {
      font-family: 'Orbitron', sans-serif;
      font-size: 0.1867rem;
      animation: blink 0.9s ease-in-out infinite alternate;
    }

    .fixed-suggestion {
      border-radius: 0.2667rem;
      -webkit-border-radius: 0.2667rem;
      -moz-border-radius: 0.2667rem;
      font-size: 0.32rem;
      padding: 0.4267rem 0.1333rem;
      width: 1.7333rem;
      height: 3.6267rem;
      background-color: rgba(0, 0, 0, 0.85);
      color: var(--color-white);
      border: 0.0267rem solid rgba(255, 255, 255, 0.2);
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-around;
      justify-content: space-around;
      position: fixed;
      right: 0.5rem;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      opacity: 1;
      visibility: visible;
      -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
      -moz-transition: opacity 0.3s ease, visibility 0.3s ease;
      -o-transition: opacity 0.3s ease, visibility 0.3s ease;
      transition: opacity 0.3s ease, visibility 0.3s ease;
      z-index: 999;
    }

    .fixed-suggestion.hidden {
      opacity: 0;
      visibility: hidden;
    }

    .fixed-suggestion.one {
      height: 2.1333rem;
    }

    .fixed-suggestion .fs {
      width: 1.28rem;
      height: 1.0667rem;
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
    }

    .fixed-suggestion .fs span {
      margin-top: 0.1333rem;
      font-size: 0.32rem;
    }

    .fixed-suggestion .fs:not(:last-child) {
      margin-bottom: 0.64rem;
    }

    .fixed-suggestion .fs:not(:last-child):before {
      content: "";
      position: absolute;
      bottom: -0.32rem;
      left: 0;
      width: 100%;
      height: 0.0267rem;
      background: -webkit-linear-gradient(to left, transparent, rgba(255, 255, 255, 0.5), transparent);
      background: -moz-linear-gradient(to left, transparent, rgba(255, 255, 255, 0.5), transparent);
      background: -o-linear-gradient(to left, transparent, rgba(255, 255, 255, 0.5), transparent);
      background: linear-gradient(to left, transparent, rgba(255, 255, 255, 0.5), transparent);
    }

    .suggestion-popup {
      background-color: var(--color-white);
      color: var(--color-black);
      padding: 0.2667rem;
      background-color: #f7f8fa;
    }

    .suggestion-popup .su-title {
      font-size: 0.4267rem;
      height: 1.0667rem;
      line-height: 1.0667rem;
    }

    .suggestion-popup .su-content .su-banner {
      background-color: rgba(0, 0, 0, 0.1);
      color: var(--color-666);
      padding: 0.2667rem 0;
      padding: 0.2667rem;
      border-radius: 0.1067rem;
      -webkit-border-radius: 0.1067rem;
      -moz-border-radius: 0.1067rem;
      margin: 0.2667rem 0;
      border: 0.0267rem dashed rgba(0, 0, 0, 0.55);
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
    }

    .suggestion-popup .su-content .su-banner b {
      color: var(--color-primary);
    }

    .suggestion-popup .su-content .su-banner p {
      font-size: 0.32rem;
    }

    .suggestion-popup .su-content .su-banner span i {
      vertical-align: middle;
      top: 0;
      margin-left: 0.1333rem;
    }

    .suggestion-popup .su-content .van-cell {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }

    .suggestion-popup .su-content .Field--textarea .Field__control {
      border: 0.0267rem solid rgba(204, 204, 204, 0.3);
      border-radius: 0.1067rem;
    }

    .suggestion-popup .su-content .van-radio-group {
      display: flex;
      flex-wrap: wrap;
      gap: 0.2133rem;
    }

    @keyframes blink {
      50% {
        opacity: 0;
      }
    }

    @-webkit-keyframes scaleAnimation {
      0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
      }

      20% {
        -webkit-transform: scale3d(0.6, 0.6, 1);
        transform: scale3d(0.6, 0.6, 1);
      }

      40% {
        -webkit-transform: scale3d(1.2, 1.2, 1);
        transform: scale3d(1.2, 1.2, 1);
      }

      60% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
      }

      80% {
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1);
      }

      to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
      }
    }

    @keyframes scaleAnimation {
      0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
      }

      20% {
        -webkit-transform: scale3d(0.6, 0.6, 1);
        transform: scale3d(0.6, 0.6, 1);
      }

      40% {
        -webkit-transform: scale3d(1.2, 1.2, 1);
        transform: scale3d(1.2, 1.2, 1);
      }

      60% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
      }

      80% {
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1);
      }

      to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
      }
    }

    @-webkit-keyframes showAlert {
      0% {
        transform: scale(0.7);
      }

      45% {
        transform: scale(1.05);
      }

      80% {
        transform: scale(0.95);
      }

      100% {
        transform: scale(1);
      }
    }

    @keyframes showAlert {
      0% {
        transform: scale(0.7);
      }

      45% {
        transform: scale(1.05);
      }

      80% {
        transform: scale(0.95);
      }

      100% {
        transform: scale(1);
      }
    }

    @-webkit-keyframes shrinkWith {
      0% {
        margin-right: 0;
        opacity: 1;
        filter: alpha(opacity=100);
      }

      100% {
        margin-right: -1.6rem;
        opacity: 0;
        filter: alpha(opacity=0);
      }
    }

    @keyframes shrinkWith {
      0% {
        margin-right: 0;
        opacity: 1;
        filter: alpha(opacity=100);
      }

      100% {
        margin-right: -1.6rem;
        opacity: 0;
        filter: alpha(opacity=0);
      }
    }

    .a-page {
      height: 100%;
      width: 100%;
      position: relative;
    }

    .a-page .ap-box .b-t {
      font-size: 0.48rem;
      font-weight: 600;
      color: #000;
    }

    .a-page .ap-box .b-t img {
      width: 0.5333rem;
      height: 0.5333rem;
      margin-right: 0.2667rem;
      margin-left: 0.5333rem;
      vertical-align: middle;
      position: relative;
      bottom: 0.0533rem;
    }

    .a-page .ap-box .b-x {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
      grid-gap: 0.2667rem;
      padding: 0.2667rem;
    }

    .a-page .ap-box .b-x a {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      color: #666;
    }

    .a-page .ap-box .b-x a img {
      width: 1.0667rem;
      height: 1.0667rem;
      object-fit: cover;
      object-position: top center;
      border-radius: 0.16rem;
    }

    .a-page .ap-box .b-c {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: 0.5333rem;
      padding: 0.5333rem;
    }

    .a-page .ap-box .b-c a {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }

    .a-page .ap-box .b-c a img {
      width: 1.0667rem;
      height: 1.0667rem;
      object-fit: cover;
      object-position: top center;
      border-radius: 0.16rem;
      margin-right: 0.2667rem;
    }

    .a-page .ap-box .b-c a span {
      color: #000;
      font-size: 0.4267rem;
      font-weight: 600;
    }

    .a-page .ap-box .b-c a span small {
      font-size: 0.2667rem;
      color: #666;
      display: block;
      font-weight: 400;
    }

    .a-page .ap-box .abc {
      position: absolute;
      left: 0.2667rem;
      right: 0.2667rem;
      top: 4rem;
      height: 1.8667rem;
      width: 1.8667rem;
      background: #fff;
    }

    .a-page .ap-box.ab1 {
      position: absolute;
      left: 0.2667rem;
      right: 0.2667rem;
      top: 5.0667rem;
      background: #fff;
    }

    .a-page .ap-box.ab2 {
      position: absolute;
      left: 0.2667rem;
      right: 0.2667rem;
      top: 12.2667rem;
      background: #fff;
    }

    ._1080P {
      background-color: #00a9f5 !important;
      color: var(--color-white) !important;
    }

    .float-ad {
      border-radius: 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      background-color: transparent;
      width: 2.4rem;
      height: 2.6667rem;
      z-index: 10 !important;
    }
    .float-ad img {
      width: 2.08rem;
      height: auto;
    }

    .float-ad .float-swiper {
      width: 100%;
      height: 100%;
      z-index: 9;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .float-ad .float-swiper img {
      max-width: 100%;
      max-height: 100%;
      display: block;
    }
    .float-ad .fs-t {
      z-index: 10;
      width: 0.4267rem;
      height: 0.4267rem;
      line-height: 0.3733rem;
      text-align: center;
      border-radius: 0.4267rem;
      -webkit-border-radius: 0.4267rem;
      -moz-border-radius: 0.4267rem;
      background-color: rgba(255, 255, 255, 0.3);
      color: #fff;
      position: absolute;
      top: 0rem;
      right: 0rem;
    }

    .float-ad .fs-t i {
      font-size: 0.2667rem;
    }

    .mv-t-c,
    .lb-mv-t-c {
      margin-top: 0.2667rem;
    }

    .mv-t-c .mc-a,
    .lb-mv-t-c .mc-a {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 0 0.2667rem;
    }

    .mv-t-c .mc-a .a-l,
    .lb-mv-t-c .mc-a .a-l {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      position: relative;
    }

    .mv-t-c .mc-a .a-l span,
    .lb-mv-t-c .mc-a .a-l span {
      position: relative;
      font-weight: 600;
      font-size: 0.5333rem;
      color: var(--color-white);
      font-family: PingFang SC, DFPKingGothicGB-Medium, Lato, Tahoma, Microsoft Yahei, sans-serif;
    }

    .mv-t-c .mc-a .a-r span,
    .lb-mv-t-c .mc-a .a-r span {
      display: inline-block;
      height: 0.8rem;
      line-height: 0.8rem;
      border-radius: 0.1333rem;
      -webkit-border-radius: 0.1333rem;
      -moz-border-radius: 0.1333rem;
      cursor: pointer;
      padding: 0 0.2133rem;
      background-color: #232225;
      color: var(--color-white);
      margin-left: 0.0533rem;
    }

    .mv-t-c .mc-a .a-r span em,
    .lb-mv-t-c .mc-a .a-r span em {
      display: inline-block;
      width: 0.1333rem;
      height: 0.1333rem;
      border-radius: 0.1333rem;
      -webkit-border-radius: 0.1333rem;
      -moz-border-radius: 0.1333rem;
      background-color: var(--color-666);
      vertical-align: middle;
      margin-left: 0.0533rem;
    }

    .mv-t-c .mc-a .a-r span em.active,
    .lb-mv-t-c .mc-a .a-r span em.active {
      background-color: var(--color-white);
      width: 0.4rem;
      height: 0.1333rem;
    }

    .mv-t-c .mc-a .a-r span:hover,
    .lb-mv-t-c .mc-a .a-r span:hover {
      color: var(--color-white);
    }

    .mv-t-c .mc-a .a-r span:active,
    .lb-mv-t-c .mc-a .a-r span:active {
      background-color: rgba(255, 255, 255, 0.2);
    }

    .mv-t-c .mc-a .a-r span i,
    .lb-mv-t-c .mc-a .a-r span i {
      position: relative;
      font-size: 0.3733rem;
    }

    .mv-t-c .mc-a .a-r span.s-m i,
    .lb-mv-t-c .mc-a .a-r span.s-m i,
    .mv-t-c .mc-a .a-r span.un i,
    .lb-mv-t-c .mc-a .a-r span.un i {
      color: #797A7A;
    }

    .mv-t-c .mc-a .a-r span.un,
    .lb-mv-t-c .mc-a .a-r span.un {
      background-color: #111;
    }

    .mv-t-c .mc-c,
    .lb-mv-t-c .mc-c {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 0 0.2667rem;
    }

    .mv-t-c .mc-c span,
    .lb-mv-t-c .mc-c span {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      background-color: rgba(255, 255, 255, 0.1);
      margin-right: 0.2133rem;
      height: 1.0667rem;
      line-height: 1.0667rem;
      border-radius: 0.1333rem;
      -webkit-border-radius: 0.1333rem;
      -moz-border-radius: 0.1333rem;
      text-align: center;
      cursor: pointer;
    }

    .mv-t-c .mc-c span:last-child,
    .lb-mv-t-c .mc-c span:last-child {
      margin-right: 0;
    }

    .mv-t-c .mc-c span:hover,
    .lb-mv-t-c .mc-c span:hover {
      color: var(--color-white);
    }

    .mv-t-c .mc-c span:active,
    .lb-mv-t-c .mc-c span:active {
      background-color: rgba(255, 255, 255, 0.2);
    }

    .mv-t-c .mc-c span i,
    .lb-mv-t-c .mc-c span i {
      vertical-align: middle;
      color: #797A7A;
      margin: 0 0.08rem;
      position: relative;
      bottom: 0.0267rem;
    }

    .qygf {
      margin: 0.2667rem;
      border-radius: 0.16rem;
      -webkit-border-radius: 0.16rem;
      -moz-border-radius: 0.16rem;
      border: 0.0267rem solid rgba(255, 255, 255, 0.1);
      background-color: #16151B;
      color: var(--color-white);
      overflow: hidden;
    }

    .qygf .f-t {
      height: 2.1333rem;
      width: 100%;
      background: url("../imgs/qygf.jpg") no-repeat center;
      background-size: cover;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: flex-end;
      justify-content: flex-end;
      padding-right: 0.32rem;
    }

    .qygf .f-t span {
      font-size: 0.2667rem;
      height: 0.7467rem;
      line-height: 0.7467rem;
      padding: 0 0.2667rem;
      background-color: rgba(255, 255, 255, 0.15);
      color: var(--color-white);
      border: 0.0267rem solid rgba(255, 255, 255, 0.6);
      border-radius: 2.6667rem;
      -webkit-border-radius: 2.6667rem;
      -moz-border-radius: 2.6667rem;
    }

    .qygf .f-c .mv-t-l .m-b {
      padding-top: 0;
    }

    .rqns {
      margin: 0.2667rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
    }

    .rqns .swiper-slide {
      width: 3.8667rem;
      flex-shrink: 0;
    }

    .rqns .rq-item {
      height: 2.9867rem;
      width: 3.7333rem;
      border-radius: 0.16rem;
      -webkit-border-radius: 0.16rem;
      -moz-border-radius: 0.16rem;
      box-shadow: 0rem 0.0533rem 0rem 0rem rgba(232, 232, 232, 0.1);
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin-right: 0.16rem;
    }

    .rqns .rq-item .l-l {
      position: relative;
      width: 2.3467rem;
      -webkit-box-flex: 0 0 2.3467rem;
      -webkit-flex: 0 0 2.3467rem;
      -ms-flex: 0 0 2.3467rem;
      flex: 0 0 2.3467rem;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
    }

    .rqns .rq-item .l-l:before {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 0.8rem;
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="rgba(0, 0, 0, 0.5)", endColorstr="transparent");
      background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
      background: -moz-linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
      background: -o-linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
      background: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
    }

    .rqns .rq-item .l-l img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: top center;
      border-radius: 0.16rem;
      -webkit-border-radius: 0.16rem;
      -moz-border-radius: 0.16rem;
    }

    .rqns .rq-item .l-l span {
      position: absolute;
      left: 0;
      bottom: 0.08rem;
      width: 2.1333rem;
      font-size: 0.32rem;
      font-weight: 500;
      color: #fff;
      padding: 0.08rem 0.1067rem 0 0.1067rem;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
    }

    .rqns .rq-item .l-r {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      position: relative;
    }

    .rqns .rq-item .l-r .r-bd {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 2.56rem;
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#3C2C21 0%", endColorstr="#1F1E25 29.69%");
      background: -webkit-linear-gradient(180deg, #3C2C21 0%, #1F1E25 29.69%);
      background: -moz-linear-gradient(180deg, #3C2C21 0%, #1F1E25 29.69%);
      background: -o-linear-gradient(180deg, #3C2C21 0%, #1F1E25 29.69%);
      background: linear-gradient(180deg, #3C2C21 0%, #1F1E25 29.69%);
      border-radius: 0 0.16rem 0.16rem 0;
      -webkit-border-radius: 0 0.16rem 0.16rem 0;
      -moz-border-radius: 0 0.16rem 0.16rem 0;
    }

    .rqns .rq-item .l-r .r-bd .rd-a {
      padding: 0.1067rem 0.16rem;
      font-size: 0.2933rem;
      color: var(--color-white);
    }

    .rqns .rq-item .l-r .r-bd .rd-a span {
      font-family: DIN;
      color: var(--color-primary);
    }

    .rqns .rq-item .l-r .r-bd .rd-b span {
      display: inline-block;
      margin-bottom: 0.0533rem;
      font-size: 0.2667rem;
      padding-left: 0.16rem;
      color: rgba(255, 255, 255, 0.6);
    }

    .rqns .rq-item .l-r .r-bd .rd-b span b {
      font-weight: 400;
      color: var(--color-white);
      padding-left: 0.16rem;
    }

    .rqns .rq-item .l-r .r-bd .rd-b span:nth-child(1) {
      background: linear-gradient(270deg, rgba(31, 30, 37, 0) 0%, #572743 100%);
    }

    .rqns .rq-item .l-r .r-bd .rd-b span:nth-child(2) {
      background: linear-gradient(270deg, rgba(31, 30, 37, 0) 0%, #274057 100%);
    }

    .rqns .rq-item .l-r .r-bd .rd-b span:nth-child(3) {
      background: linear-gradient(270deg, rgba(31, 30, 37, 0) 0%, #322757 100%);
    }

    .jxzq {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      gap: 0.2133rem;
      padding: 0.2667rem;
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
    }

    .jxzq .jx-l,
    .jxzq .jx-r {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 0.2133rem;
      width: 50%;
    }

    .jxzq .item {
      border-radius: 0.16rem;
      -webkit-border-radius: 0.16rem;
      -moz-border-radius: 0.16rem;
      height: 4rem;
    }

    .jxzq .item .i-a {
      position: relative;
      max-height: 3.2rem;
      width: 100%;
      border-radius: 0.16rem;
      -webkit-border-radius: 0.16rem;
      -moz-border-radius: 0.16rem;
      overflow: hidden;
      background: #16151B;
    }

    .jxzq .item .i-a .ia-a {
      text-align: center;
      height: 100%;
    }

    .jxzq .item .i-a .ia-a img {
      height: 100%;
      width: 100%;
      max-width: 100%;
      max-height: 2.6667rem;
      object-fit: cover;
      object-position: center;
    }

    .jxzq .item .i-a .ia-b {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1;
    }

    .jxzq .item .i-a .ia-b .b-a {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      overflow: hidden;
      position: absolute;
      top: 0.1067rem;
      right: 0.1067rem;
      height: 0.4267rem;
      z-index: 1;
    }

    .jxzq .item .i-a .ia-b .b-a .a-l,
    .jxzq .item .i-a .ia-b .b-a .a-r,
    .jxzq .item .i-a .ia-b .b-a .a-o,
    .jxzq .item .i-a .ia-b .b-a .a-p {
      display: inline-block;
      font-size: 0.2133rem;
      height: 0.3467rem;
      line-height: 0.3467rem;
      padding: 0 0.08rem;
    }

    .jxzq .item .i-a .ia-b .b-a .a-l,
    .jxzq .item .i-a .ia-b .b-a .a-p {
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#8899F5 0%", endColorstr="#5C6FE6 100%");
      background: -webkit-linear-gradient(246deg, #8899F5 0%, #5C6FE6 100%);
      background: -moz-linear-gradient(246deg, #8899F5 0%, #5C6FE6 100%);
      background: -o-linear-gradient(246deg, #8899F5 0%, #5C6FE6 100%);
      background: linear-gradient(246deg, #8899F5 0%, #5C6FE6 100%);
      color: var(--color-white);
      border-radius: 0.0533rem;
      -webkit-border-radius: 0.0533rem;
      -moz-border-radius: 0.0533rem;
      z-index: 1;
      margin-right: -0.16rem;
      font-family: DIN;
    }

    .jxzq .item .i-a .ia-b .b-a .a-l.s1080P,
    .jxzq .item .i-a .ia-b .b-a .a-p.s1080P {
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#FED98F 0%", endColorstr="#FFCA63 100%");
      background: -webkit-linear-gradient(246deg, #FED98F 0%, #FFCA63 100%);
      background: -moz-linear-gradient(246deg, #FED98F 0%, #FFCA63 100%);
      background: -o-linear-gradient(246deg, #FED98F 0%, #FFCA63 100%);
      background: linear-gradient(246deg, #FED98F 0%, #FFCA63 100%);
      color: #4E2E03;
    }

    .jxzq .item .i-a .ia-b .b-a .a-r,
    .jxzq .item .i-a .ia-b .b-a .a-o {
      position: relative;
      padding-left: 0.3733rem;
      border-radius: 0 0.16rem 0 0;
      -webkit-border-radius: 0 0.16rem 0 0;
      -moz-border-radius: 0 0.16rem 0 0;
      overflow: hidden;
      font-weight: 500;
    }

    .jxzq .item .i-a .ia-b .b-a .a-r.ss1,
    .jxzq .item .i-a .ia-b .b-a .a-o.ss1 {
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#FFB806", endColorstr="#ED7627");
      background: -webkit-linear-gradient(180deg, #FFB806, #ED7627);
      background: -moz-linear-gradient(180deg, #FFB806, #ED7627);
      background: -o-linear-gradient(180deg, #FFB806, #ED7627);
      background: linear-gradient(180deg, #FFB806, #ED7627);
      color: var(--color-white);
    }

    .jxzq .item .i-a .ia-b .b-a .a-r.ss2,
    .jxzq .item .i-a .ia-b .b-a .a-o.ss2 {
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#FED98F 7.1%", endColorstr="#FFCA63 91.76%");
      background: -webkit-linear-gradient(245deg, #FED98F 7.1%, #FFCA63 91.76%);
      background: -moz-linear-gradient(245deg, #FED98F 7.1%, #FFCA63 91.76%);
      background: -o-linear-gradient(245deg, #FED98F 7.1%, #FFCA63 91.76%);
      background: linear-gradient(245deg, #FED98F 7.1%, #FFCA63 91.76%);
      color: #4E2E03;
    }

    .jxzq .item .i-a .ia-b .b-a .a-r.ss3,
    .jxzq .item .i-a .ia-b .b-a .a-o.ss3 {
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#D0FE8F", endColorstr="#63FF63");
      background: -webkit-linear-gradient(180deg, #D0FE8F, #63FF63);
      background: -moz-linear-gradient(180deg, #D0FE8F, #63FF63);
      background: -o-linear-gradient(180deg, #D0FE8F, #63FF63);
      background: linear-gradient(180deg, #D0FE8F, #63FF63);
      color: #212328;
    }

    .jxzq .item .i-a .ia-b .b-a .a-r.ss4,
    .jxzq .item .i-a .ia-b .b-a .a-o.ss4 {
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#FF4806", endColorstr="#ED2727");
      background: -webkit-linear-gradient(180deg, #FF4806, #ED2727);
      background: -moz-linear-gradient(180deg, #FF4806, #ED2727);
      background: -o-linear-gradient(180deg, #FF4806, #ED2727);
      background: linear-gradient(180deg, #FF4806, #ED2727);
      color: var(--color-white);
    }

    .jxzq .item .i-a .ia-b .b-a .a-r:after {
      content: "";
      position: absolute;
      top: 0;
      left: -0.32rem;
      width: 0.5333rem;
      height: 100%;
      background: #18191B;
      transform: skewX(-15deg);
    }

    .jxzq .item .i-a .ia-b .b-a .a-o {
      border-radius: 0 0.16rem 0 0.16rem;
      -webkit-border-radius: 0 0.16rem 0 0.16rem;
      -moz-border-radius: 0 0.16rem 0 0.16rem;
      padding-left: 0.1067rem;
    }

    .jxzq .item .i-a .ia-b .b-a .a-p {
      margin-right: 0;
    }

    .jxzq .item .i-a .ia-b .b-b {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 30%;
      z-index: 2;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 0.4267rem 0.2133rem 0.1333rem 0.2133rem;
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="rgba(0, 0, 0, 0.75)", endColorstr="transparent");
      background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0.75), transparent);
      background: -moz-linear-gradient(to top, rgba(0, 0, 0, 0.75), transparent);
      background: -o-linear-gradient(to top, rgba(0, 0, 0, 0.75), transparent);
      background: linear-gradient(to top, rgba(0, 0, 0, 0.75), transparent);
    }

    .jxzq .item .i-a .ia-b .b-b span {
      font-size: 0.2667rem;
      color: var(--color-white);
      font-weight: 500;
    }

    .jxzq .item .i-a .ia-b .b-b span i {
      vertical-align: middle;
      margin-right: 0.0533rem;
      position: relative;
      bottom: 0.0533rem;
    }

    .jxzq .item .i-a .ia-b .b-c {
      position: absolute;
      top: 0.1067rem;
      left: 0.1067rem;
      width: 0.5333rem;
      height: 0.5333rem;
      line-height: 0.5333rem;
      z-index: 2;
      background: rgba(0, 0, 0, 0.5);
      border-radius: 0.5333rem;
      -webkit-border-radius: 0.5333rem;
      -moz-border-radius: 0.5333rem;
      text-align: center;
    }

    .jxzq .item .i-a .ia-b .b-c i {
      font-size: 0.3733rem;
    }
    .jxzq .item .i-b .ib-a {
      font-weight: 500;
      color: var(--color-white);
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      word-break: break-all;
      -o-text-overflow: ellipsis;
      -ms-text-overflow: ellipsis;
      text-overflow: ellipsis;
      overflow: hidden;
      margin-top: 0.2133rem;
      font-size: 0.3467rem;
    }

    .jxzq .item .i-b .ib-b {
      color: #8F8F8F;
      font-size: 0.2933rem;
      margin-top: 0.1067rem;
    }

    .jxzq .item .i-b .ib-b span {
      display: inline-block;
      font-size: 0.32rem;
    }
    .jxzq .item .edit-item {
      display: none;
    }

    .jxzq .hotShortPlay {
      height: -moz-calc(8.2133rem);
      height: -webkit-calc(8.2133rem);
      height: calc(4rem * 2 + 0.2133rem);
    }

    .hotShortPlay {
      border-radius: 0.16rem;
      -webkit-border-radius: 0.16rem;
      -moz-border-radius: 0.16rem;
      padding: 0.2133rem;
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#513F2B 0.01%", endColorstr="#25262B 42.24%");
      background: -webkit-linear-gradient(180deg, #513F2B 0.01%, #25262B 42.24%);
      background: -moz-linear-gradient(180deg, #513F2B 0.01%, #25262B 42.24%);
      background: -o-linear-gradient(180deg, #513F2B 0.01%, #25262B 42.24%);
      background: linear-gradient(180deg, #513F2B 0.01%, #25262B 42.24%);
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
    }

    .hotShortPlay .hsp-a {
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
    }

    .hotShortPlay .hsp-a span {
      text-align: center;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      font-size: 0.3467rem;
      font-weight: 500;
      color: #FFE188;
    }

    .hotShortPlay .hsp-a svg {
      margin-top: 0.08rem;
    }

    .hotShortPlay .hsp-b {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      margin-top: 0.4267rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 0.2667rem;
      overflow: hidden;
    }

    .hotShortPlay .hsp-b .sitem {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      overflow: hidden;
    }

    .hotShortPlay .hsp-b .sitem .i-l {
      height: 100%;
    }

    .hotShortPlay .hsp-b .sitem .i-l img {
      width: 0.9067rem;
      height: 100%;
      border-radius: 0.1067rem;
      -webkit-border-radius: 0.1067rem;
      -moz-border-radius: 0.1067rem;
      object-fit: cover;
      object-position: top center;
      overflow: hidden;
    }

    .hotShortPlay .hsp-b .sitem .i-r {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      padding-left: 0.2133rem;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      word-break: break-all;
      -o-text-overflow: ellipsis;
      -ms-text-overflow: ellipsis;
      text-overflow: ellipsis;
      overflow: hidden;
    }

    .hotShortPlay .hsp-b .sitem .i-r span {
      color: var(--color-white);
      font-size: 0.32rem;
      margin-bottom: 0.0533rem;
      display: inline-block;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      word-break: break-all;
      -o-text-overflow: ellipsis;
      -ms-text-overflow: ellipsis;
      text-overflow: ellipsis;
      overflow: hidden;
    }

    .hotShortPlay .hsp-b .sitem .i-r small {
      color: rgba(255, 255, 255, 0.5);
      font-size: 0.2667rem;
    }

    .hotShortPlay .hsp-c {
      margin-top: 0.2133rem;
      text-align: center;
    }

    .hotShortPlay .hsp-c a {
      display: block;
      cursor: pointer;
      background-color: #37363C;
      color: #C5C4CA;
      font-size: 0.32rem;
      border-radius: 0.1333rem;
      -webkit-border-radius: 0.1333rem;
      -moz-border-radius: 0.1333rem;
      height: 0.8533rem;
      line-height: 0.8533rem;
    }

    .i-m-c,
    .lb-i-m-c {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
      grid-gap: 0.2667rem;
      padding: 0 0.2667rem;
    }

    .i-m-c a,
    .lb-i-m-c a {
      cursor: pointer;
      text-align: center;
    }

    .i-m-c a img,
    .lb-i-m-c a img {
      width: 100%;
      height: auto;
      border-radius: 0.1333rem;
      -webkit-border-radius: 0.1333rem;
      -moz-border-radius: 0.1333rem;
    }

    .i-m-c a span,
    .lb-i-m-c a span {
      display: block;
      text-align: center;
      font-size: 0.2667rem;
      margin-top: 0.1333rem;
    }

    .i-m-c.c-ad,
    .lb-i-m-c.c-ad {
      padding: 0.2667rem;
    }

    .van-notice-bar {
      margin: 0.2667rem;
      border-radius: 0.2667rem;
      -webkit-border-radius: 0.2667rem;
      -moz-border-radius: 0.2667rem;
    }

    .van-notice-bar .van-notice-bar__wrap {
      padding-right: 0 !important;
    }

    :root {
      --color-main-bg: #16151B;
      --color-main-txt: #e1e3e5;
      --color-white: #fff;
      --color-black: #000;
      --color-dark: #333;
      --color-border: #e2e2e2;
      --color-666: #666;
      --color-light: #808082;
      --color-primary: #F70;
      --home-color-main: #f57620;
      --color-primary-rgba: 255, 119, 0;
      --color-ss1-rgba: 147, 127, 118;
      --color-ss2-rgba: 124, 125, 155;
      --color-ss3-rgba: 118, 129, 147;
      --color-ss4-rgba: 147, 118, 118;
      --color-ss5-rgba: 112, 140, 136;
      --color-ss6-rgba: 140, 112, 140;
    }

    :root {
      --plyr-color-main: var(--color-primary);
    }

    :root {
      --van-primary-color: var(--color-primary);
      --van-back-top-background: var(--color-primary);
      --van-notice-bar-background: #16151B;
      --van-notice-bar-text-color: var(--color-main-txt);
      --van-tabs-line-height: 1.0667rem;
    }

    /*pc样式*/
    .navbar {
      position: fixed;
      left: 0;
      top: 0;
      width: 4.2667rem;
      height: 100%;
      background-color: var(--color-main-bg);
      display: none;
    }

    .navbar .nb-bd {
      height: 100%;
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      overflow-x: hidden;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
    }

    .navbar .nb-bd .bd-a .nb-a {
      height: 1.3333rem;
      line-height: 1.3333rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
    }

    .navbar .nb-bd .bd-a .nb-a img {
      height: 0.64rem;
      width: auto;
    }

    .navbar .nb-bd .bd-a .nb-b {
      margin: 0 0.4267rem;
    }

    .navbar .nb-bd .bd-a .nb-b .row {
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      padding-bottom: 0.2667rem;
    }

    .navbar .nb-bd .bd-a .nb-b .row:not(:first-child) {
      padding-top: 0.2667rem;
    }

    .navbar .nb-bd .bd-a .nb-b .row i.mv-zhutirebangbeifen {
      margin-left: 0.48rem;
      font-size: 0.3733rem;
      background-image: -webkit-linear-gradient(-45deg, #f4a942, #ff2a14);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    .navbar .nb-bd .bd-a .nb-b .row a {
      display: inline-block;
      height: 1.0667rem;
      line-height: 1.0667rem;
      margin: 0.0533rem;
      padding: 0 0.4267rem;
      border-radius: 0.32rem;
      -webkit-border-radius: 0.32rem;
      -moz-border-radius: 0.32rem;
      color: var(--color-light);
    }

    .navbar .nb-bd .bd-a .nb-b .row a i {
      margin-right: 0.2667rem;
      font-weight: 400;
      vertical-align: middle;
      font-size: 0.5867rem;
      position: relative;
      bottom: 0.0533rem;
    }

    .navbar .nb-bd .bd-a .nb-b .row a span {
      font-size: 0.3733rem;
      font-weight: 600;
    }

    .navbar .nb-bd .bd-a .nb-b .row a:hover {
      background-color: rgba(255, 255, 255, 0.1);
    }

    .navbar .nb-bd .bd-a .nb-b .row a.active {
      color: var(--color-white);
      background-color: rgba(255, 255, 255, 0.1);
    }

    .navbar .nb-bd .bd-a .nb-b .row a.active i {
      animation: scaleAnimation 0.5s ease-in-out;
    }

    .navbar .nb-bd .bd-a .nb-b .row a.active i.mv-shouye:before {
      content: "\e61e";
    }

    .navbar .nb-bd .bd-a .nb-b .row a.active i.mv-tag:before {
      content: "\e630";
    }

    .navbar .nb-bd .bd-a .nb-b .row a.active i.mv-dsp:before {
      content: "\e65d";
    }

    .navbar .nb-bd .bd-a .nb-b .row a.active i.mv-game:before {
      content: "\e614";
    }

    .navbar .nb-bd .bd-a .nb-b .row a.active i.mv-home0:before {
      content: "\e617";
    }

    .navbar .nb-bd .bd-a .nb-b .row a.active i.mv-shequ:before {
      content: "\e67b";
    }

    .navbar .nb-bd .bd-a .nb-b .row a.active i.mv-jingxuan:before {
      content: "\e68b";
    }

    .navbar .nb-bd .bd-b {
      padding: 0.2667rem 0;
    }

    .navbar .nb-bd .bd-b .row {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      padding: 0 0.4267rem;
    }

    .navbar .nb-bd .bd-b .row a {
      display: inline-block;
      height: 0.96rem;
      line-height: 0.96rem;
      border-radius: 0.1333rem;
      -webkit-border-radius: 0.1333rem;
      -moz-border-radius: 0.1333rem;
      border: 0.0267rem solid rgba(255, 255, 255, 0.1);
      text-align: center;
      margin-bottom: 0.2667rem;
      font-size: 0.32rem;
      cursor: pointer;
    }

    .navbar .nb-bd .bd-b .row a b {
      color: #fff;
    }

    .navbar .nb-bd .bd-b .row a i {
      vertical-align: middle;
      position: relative;
      bottom: 0.0533rem;
      font-size: 0.5333rem;
      margin-right: 0.08rem;
    }

    .navbar .nb-bd .bd-b .row a i.mv-android {
      color: #a2bb3e;
    }

    .i-m-m,
    .lb-i-m-m {
      overflow: hidden;
      height: 0.9067rem;
      line-height: 0.9067rem;
      background-color: #16151B;
      color: var(--color-main-txt);
      margin: 0 0.2667rem;
      border-radius: 0.1333rem;
      -webkit-border-radius: 0.1333rem;
      -moz-border-radius: 0.1333rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }

    .i-m-m .m-icon,
    .lb-i-m-m .m-icon {
      width: 1.0667rem;
      -webkit-box-flex: 0 0 1.0667rem;
      -webkit-flex: 0 0 1.0667rem;
      -ms-flex: 0 0 1.0667rem;
      flex: 0 0 1.0667rem;
      text-align: center;
      background-color: #16151B;
      z-index: 1;
    }

    .i-m-m .m-icon i,
    .lb-i-m-m .m-icon i {
      font-size: 0.5333rem;
    }

    .i-m-m .m-text,
    .lb-i-m-m .m-text {
      margin-left: 1.0667rem;
      width: 100%;
      white-space: nowrap;
      box-sizing: border-box;
      font-size: 0.3467rem;
      animation: scroll 15s linear infinite;
    }

    .tr-msg {
      margin-left: 1.0667rem;
      width: 100%;
      white-space: nowrap;
      box-sizing: border-box;
      font-size: 0.3467rem;
      animation: scroll 10s linear infinite;
    }

    @keyframes scroll {
      0% {
        transform: translateX(100%);
      }

      100% {
        transform: translateX(-100%);
      }
    }

    /*骨架loading*/
    .load-box {
      position: relative;
      z-index: 999;
    }

    .load-box .lb-s {
      background-image: linear-gradient(268deg, rgba(0, 0, 0, 0.2), #242424, rgba(0, 0, 0, 0.2), #242424, rgba(0, 0, 0, 0.2));
      /*background-image: linear-gradient( 268deg, rgba(36,36,36,1), rgb(0, 0, 0,0.2), rgba(36,36,36,1), rgb(0, 0, 0,0.2), rgba(36,36,36,1));*/
      background-size: 1000%;
      border-radius: 0.2667rem;
      -webkit-border-radius: 0.2667rem;
      -moz-border-radius: 0.2667rem;
      -moz-animation: 3s ease 0s infinite normal none running iCdlbf;
      -webkit-animation: 3s ease 0s infinite normal none running iCdlbf;
      -o-animation: 3s ease 0s infinite normal none running iCdlbf;
      animation: 3s ease 0s infinite normal none running iCdlbf;
    }

    .load-box .lb-s.s-l {
      background-image: linear-gradient(268deg, rgba(0, 0, 0, 0.1), #3f3f3f, rgba(0, 0, 0, 0.2), #3f3f3f, rgba(0, 0, 0, 0.1));
    }

    .load-box .ms-box {
      background-color: rgba(255, 255, 255, 0.1);
      border-radius: 0.2667rem;
      -webkit-border-radius: 0.2667rem;
      -moz-border-radius: 0.2667rem;
    }

    .load-box .lb-index-banner .lb-s {
      margin: 0.2667rem;
      width: -moz-calc(8rem);
      width: -webkit-calc(8rem);
      width: calc(8rem);
      height: -moz-calc(4.4267rem);
      height: -webkit-calc(4.4267rem);
      height: calc((10rem - 0.5333rem) * 0.55333);
      max-height: -moz-calc(6.0203rem);
      max-height: -webkit-calc(6.0203rem);
      max-height: calc(10.88rem * 0.55333);
    }

    .load-box .lb-i-m-m .m-icon .lb-s {
      width: 0.5333rem;
      height: 0.5333rem;
      margin-left: 0.2667rem;
    }

    .load-box .lb-i-m-m .m-text .lb-s {
      width: 100%;
      height: 0.2667rem;
    }

    .load-box .lb-i-m-c .c-col .lb-s:first-child {
      width: 100%;
      height: -moz-calc(3.0133rem/6);
      height: -webkit-calc(3.0133rem/6);
      height: calc((10rem - 1.8667rem)/6);
      max-height: -moz-calc(9.5467rem/6);
      max-height: -webkit-calc(9.5467rem/6);
      max-height: calc((11.4133rem - 1.8667rem)/6);
    }

    .load-box .lb-i-m-c .c-col .lb-s:last-child {
      width: 80%;
      height: 0.2667rem;
      margin-left: 10%;
      margin-top: 0.1333rem;
    }

    .load-box .lb-i-m-b .b-row .r-col .ms-box {
      width: 100%;
      height: 0.96rem;
      line-height: 0.96rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
    }

    .load-box .lb-i-m-b .b-row .r-col .ms-box .lb-s {
      width: 0.5333rem;
      height: 0.5333rem;
    }

    .load-box .lb-i-m-b .b-row .r-col .c-t .lb-s {
      width: 80%;
      height: 0.2667rem;
      margin-left: 10%;
      margin-top: 0.1333rem;
    }
    .load-box .lb-mv-t-c .mc-a .a-l {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }

    .load-box .lb-mv-t-c .mc-a .a-l i {
      background-image: -webkit-linear-gradient(45deg, #666, #000);
    }

    .load-box .lb-mv-t-c .mc-a .a-l .lb-s {
      width: 2.1333rem;
      height: 0.2667rem;
    }

    .load-box .lb-mv-t-c .mc-a .a-r {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }
    .load-box .lb-mv-t-c .mc-a .a-r .lb-s {
      width: 1.6rem;
      height: 0.8rem;
      margin-left: 0.2667rem;
    }

    .load-box .lb-mv-t-l .m-b .item .i-a .lb-s {
      width: 100%;
      height: 3.2rem;
    }

    .load-box .lb-mv-t-l .m-b .item .i-b .b-a .lb-s {
      width: 100%;
      height: 0.2667rem;
    }

    .load-box .lb-mv-t-l .m-b .item .i-b .b-dv .p-c .lb-s {
      display: inline-block;
      width: 1.0667rem;
      height: 0.2667rem;
    }

    .load-box .lb-mv-swiper {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      margin: 0 0.2667rem 0.2667rem 0.2667rem;
    }

    .load-box .lb-mv-swiper .lb-s {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      height: 2.6667rem;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }

    .load-box .lb-mv-swiper .lb-s:nth-child(2) {
      -webkit-box-flex: 2;
      -webkit-flex: 2;
      -ms-flex: 2;
      flex: 2;
      margin: 0 0.2667rem;
    }

    .load-box .lb-m-l-b {
      display: grid;
      grid-template-columns: repeat(7, 1fr);
      grid-gap: 0.2667rem;
      padding: 0.2667rem;
    }

    .load-box .lb-m-l-b .lb-s {
      display: inline-block;
      width: 100%;
      height: 0.7467rem;
      border-radius: 0.1333rem;
      -webkit-border-radius: 0.1333rem;
      -moz-border-radius: 0.1333rem;
    }

    .load-box .lb-au-col-module-5 .m-l .lb-s {
      width: 100%;
      height: 3.8667rem;
    }

    .load-box .lb-au-col-module-5 .m-r .lb-s {
      width: 100%;
      height: 1.8667rem;
    }

    .load-box .lb-bbs-list .i-a .a-l {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }

    .load-box .lb-bbs-list .i-a .a-l .lb-s:first-child {
      width: 0.96rem;
      height: 0.96rem;
      border-radius: 0.1333rem;
      -webkit-border-radius: 0.1333rem;
      -moz-border-radius: 0.1333rem;
    }

    .load-box .lb-bbs-list .i-a .a-l .lb-s:last-child {
      margin-left: 0.2667rem;
      width: 2.6667rem;
      height: 0.2667rem;
    }

    .load-box .lb-bbs-list .i-a .a-r {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
    }

    .load-box .lb-bbs-list .i-a .a-r .lb-s {
      height: 0.6667rem;
      width: 1.3333rem;
      border-radius: 0.1067rem;
      -webkit-border-radius: 0.1067rem;
      -moz-border-radius: 0.1067rem;
      margin-left: 0.1333rem;
    }

    .load-box .lb-bbs-list .i-b .lb-s {
      width: 100%;
      height: 0.2667rem;
    }

    .load-box .lb-bbs-list .i-c .item .lb-s {
      width: 100%;
      height: 100%;
    }

    .load-box .lb-bbs-list .i-d .d-x .lb-s {
      height: 0.2667rem;
      width: 1.0667rem;
      border-radius: 0.1067rem;
      -webkit-border-radius: 0.1067rem;
      -moz-border-radius: 0.1067rem;
      margin-right: 0.2667rem;
    }

    .load-box .lb-au-col-module li .lb-s {
      width: 100%;
      height: 2.6667rem;
    }

    .load-box .lb-bbs-weimi .i-a .lb-s {
      height: 100%;
      width: 100%;
    }

    .load-box .lb-bbs-weimi .i-x .i-b .lb-s {
      height: 0.2667rem;
      width: 0.6933rem;
    }

    .load-box .lb-bbs-weimi .i-c {
      padding: 0 0.2667rem;
    }

    .load-box .lb-bbs-weimi .i-c .lb-s {
      height: 0.2667rem;
      width: 100%;
    }

    .load-box .lb-bbs-weimi .i-d {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 0.2667rem;
    }

    .load-box .lb-bbs-weimi .i-d .lb-s {
      height: 0.2667rem;
      width: 1.3333rem;
    }

    .load-box .lb-au-col-module-x .item .lb-s {
      width: 100%;
      height: 1.8667rem;
    }

    @-webkit-keyframes iCdlbf {
      0% {
        background-position: 0rem 50%;
      }

      100% {
        background-position: 100% 51%;
      }
    }

    @-moz-keyframes iCdlbf {
      0% {
        background-position: 0rem 50%;
      }

      100% {
        background-position: 100% 51%;
      }
    }

    @-o-keyframes iCdlbf {
      0% {
        background-position: 0rem 50%;
      }

      100% {
        background-position: 100% 51%;
      }
    }

    @keyframes iCdlbf {
      0% {
        background-position: 0rem 50%;
      }

      100% {
        background-position: 100% 51%;
      }
    }

    .t-ad {
      color: var(--color-primary);
    }

    .b-p-a {
      padding: 1.3333rem 0 0.5333rem 0;
    }

    .aui-card .item {
      margin: 0.2667rem 0.2667rem 0.5333rem 0.2667rem;
    }

    .aui-card .item .i-t {
      color: var(--color-light);
      margin-bottom: 0.08rem;
      font-weight: 500;
    }

    .aui-card .item .i-c {
      background-color: rgba(255, 255, 255, 0.1);
      border-radius: 0.1333rem;
      -webkit-border-radius: 0.1333rem;
      -moz-border-radius: 0.1333rem;
    }

    .aui-card .item .i-c .f-control {
      border: 0.0267rem solid transparent;
      background-color: transparent;
      width: 100%;
      min-height: 1.0667rem;
      padding: 0.2667rem;
      border-radius: 0.1333rem;
      -webkit-border-radius: 0.1333rem;
      -moz-border-radius: 0.1333rem;
    }

    .aui-card .item .i-c .f-control:hover {
      border-color: var(--color-light);
    }

    .aui-card .item .i-b {
      margin-top: 0.2667rem;
    }

    .aui-card .item .i-b a {
      display: inline-block;
      padding: 0.2667rem 0.5333rem;
      background-color: rgba(255, 255, 255, 0.1);
      color: var(--color-white);
      margin-right: 0.2667rem;
      border-radius: 0.1333rem;
      -webkit-border-radius: 0.1333rem;
      -moz-border-radius: 0.1333rem;
      cursor: pointer;
    }

    .aui-card .item .i-b a i {
      font-size: 0.48rem;
      vertical-align: middle;
      position: relative;
      bottom: 0.0267rem;
      margin-right: 0.08rem;
    }

    .aui-card .item .i-b a:hover {
      background-color: rgba(var(--color-primary-rgba), 0.2);
    }

    .aui-card .item .i-s {
      background-color: rgba(255, 255, 255, 0.1);
      border-radius: 0.1333rem;
      -webkit-border-radius: 0.1333rem;
      -moz-border-radius: 0.1333rem;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-gap: 0.1333rem;
      padding: 0.2667rem;
    }

    .aui-card .item .i-s .s-cols {
      height: 3.7333rem;
      background-color: var(--color-black);
      position: relative;
    }

    .aui-card .item .i-s .s-cols img,
    .aui-card .item .i-s .s-cols video {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .aui-card .item .i-s .s-cols:after {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      height: 30%;
      width: 100%;
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="rgba(0, 0, 0, 0.85)", endColorstr="transparent");
      background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.85), transparent);
      background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.85), transparent);
      background: -o-linear-gradient(top, rgba(0, 0, 0, 0.85), transparent);
      background: linear-gradient(top, rgba(0, 0, 0, 0.85), transparent);
    }

    .aui-card .item .i-s .s-cols .upload-mask {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0.6);
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      z-index: 1;
      color: #fff;
      font-size: 0.32rem;
      font-weight: bold;
    }

    .aui-card .item .i-s .s-cols span {
      position: absolute;
      top: 0;
      right: 0;
      display: inline-block;
      width: 1.0667rem;
      height: 1.0667rem;
      line-height: 1.0667rem;
      text-align: center;
      z-index: 1;
    }

    .aui-card .item .i-s .s-cols span i {
      font-size: 0.64rem;
      color: var(--color-white);
    }

    .aut-card .item {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      height: 1.3333rem;
      line-height: 1.3333rem;
      padding: 0 0.32rem;
      font-size: 0.4rem;
    }

    .aut-card .item:not(:last-child) {
      border-bottom: 0.0267rem solid rgba(255, 255, 255, 0.05);
    }

    .aut-card .item .i-l {
      color: var(--color-light);
      font-weight: 500;
    }

    .aut-card .item .i-r {
      color: var(--color-white);
    }

    .aut-card .item .i-r i {
      color: var(--color-666);
      font-size: 0.3733rem;
      margin-left: 0.2667rem;
    }

    .aut-card .item .i-r span i {
      vertical-align: middle;
      position: relative;
      bottom: 0.0533rem;
      margin-right: 0.0533rem;
      font-size: 0.4267rem;
    }

    .aut-card .item .i-r span.s-red {
      color: #FF2E2A;
    }

    .aut-card .item .i-r span.s-red i {
      color: #FF2E2A;
    }

    .aut-card .item:hover,
    .aut-card .item:active {
      background-color: rgba(255, 255, 255, 0.1);
    }

    .hpb-s-l li {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      background-color: rgba(255, 255, 255, 0.1);
      margin: 0.2667rem;
      padding: 0.32rem;
      border-radius: 0.16rem;
      -webkit-border-radius: 0.16rem;
      -moz-border-radius: 0.16rem;
    }

    .hpb-s-l li .l-l {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
    }

    .hpb-s-l li .l-l img {
      width: 1.12rem;
      height: 1.12rem;
      border-radius: 0.1333rem;
      -webkit-border-radius: 0.1333rem;
      -moz-border-radius: 0.1333rem;
      margin-right: 0.2667rem;
    }

    .hpb-s-l li .l-l span {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
    }

    .hpb-s-l li .l-l span b {
      font-size: 0.4rem;
      color: var(--color-white);
      margin-bottom: 0.1333rem;
    }

    .hpb-s-l li .l-l span small {
      font-size: 0.32rem;
      color: var(--color-666);
    }

    .hpb-s-l li .l-r {
      color: #82E0AA;
    }

    .m-c-b {
      padding: 0 0.32rem;
    }

    .m-c-b ul li {
      margin-top: 0.5333rem;
      margin-bottom: 0.8533rem;
    }

    .m-c-b ul li .li-a {
      position: relative;
    }

    .m-c-b ul li .li-a img {
      width: 100%;
      height: auto;
      border-radius: 0.32rem;
      -webkit-border-radius: 0.32rem;
      -moz-border-radius: 0.32rem;
    }

    .m-c-b ul li .li-a span {
      position: absolute;
      bottom: 0.5333rem;
      right: 0.32rem;
      background-color: rgba(0, 0, 0, 0.6);
      color: var(--color-white);
      font-size: 0.2667rem;
      border-radius: 0.1067rem;
      -webkit-border-radius: 0.1067rem;
      -moz-border-radius: 0.1067rem;
      padding: 0.1067rem;
    }

    .m-c-b ul li .li-a span i {
      font-size: 0.3467rem;
      vertical-align: middle;
      position: relative;
      bottom: 0rem;
      margin-right: 0.0533rem;
    }

    .m-c-b ul li .li-a .b-c {
      position: absolute;
      top: 0.1067rem;
      left: 0.1067rem;
      width: 0.5333rem;
      height: 0.5333rem;
      line-height: 0.5333rem;
      z-index: 2;
      background: rgba(0, 0, 0, 0.5);
      border-radius: 0.5333rem;
      -webkit-border-radius: 0.5333rem;
      -moz-border-radius: 0.5333rem;
      text-align: center;
    }

    .m-c-b ul li .li-a .b-c i {
      font-size: 0.3733rem;
    }

    .m-c-b ul li .li-a:before,
    .m-c-b ul li .li-a:after {
      content: "";
      position: absolute;
    }

    .m-c-b ul li .li-a:before {
      top: -0.1333rem;
      left: 0.2667rem;
      height: 100%;
      width: -moz-calc(80%);
      width: -webkit-calc(80%);
      width: calc(100% - 0.5333rem);
      border-radius: 0.32rem;
      -webkit-border-radius: 0.32rem;
      -moz-border-radius: 0.32rem;
      z-index: -1;
    }

    .m-c-b ul li .li-a:after {
      top: -0.24rem;
      left: 0.4267rem;
      height: 100%;
      width: -moz-calc(68%);
      width: -webkit-calc(68%);
      width: calc(100% - 0.8533rem);
      border-radius: 0.32rem;
      -webkit-border-radius: 0.32rem;
      -moz-border-radius: 0.32rem;
      z-index: -2;
    }

    .m-c-b ul li .li-a.ss1:before {
      background-color: rgba(var(--color-ss1-rgba), 1);
    }

    .m-c-b ul li .li-a.ss1:after {
      background-color: rgba(var(--color-ss1-rgba), 0.5);
    }

    .m-c-b ul li .li-a.ss2:before {
      background-color: rgba(var(--color-ss2-rgba), 1);
    }

    .m-c-b ul li .li-a.ss2:after {
      background-color: rgba(var(--color-ss2-rgba), 0.5);
    }

    .m-c-b ul li .li-a.ss3:before {
      background-color: rgba(var(--color-ss3-rgba), 1);
    }    .m-c-b ul li .li-a.ss4:before {
      background-color: rgba(var(--color-ss4-rgba), 1);
    }

    .m-c-b ul li .li-a.ss4:after {
      background-color: rgba(var(--color-ss4-rgba), 0.5);
    }

    .m-c-b ul li .li-a.ss5:before {
      background-color: rgba(var(--color-ss5-rgba), 1);
    }

    .m-c-b ul li .li-a.ss5:after {
      background-color: rgba(var(--color-ss5-rgba), 0.5);
    }

    .m-c-b ul li .li-a.ss6:before {
      background-color: rgba(var(--color-ss6-rgba), 1);
    }

    .m-c-b ul li .li-a.ss6:after {
      background-color: rgba(var(--color-ss6-rgba), 0.5);
    }

    .m-c-b ul li .li-b {
      font-weight: 600;
      color: var(--color-white);
      margin-top: 0.32rem;
      margin-bottom: 0.16rem;
    }
    .m-c-b ul li .li-c span {
      font-size: 0.32rem;
      color: var(--color-light);
    }

    .m-c-b ul li .edit-item {
      display: none;
    }

    .m-c-b.edit ul li {
      position: relative;
    }

    .m-c-b.edit ul li .edit-item {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      color: var(--color-white);
      display: block;
    }

    .m-c-b.edit ul li .edit-item i {
      font-size: 0.6933rem;
      position: absolute;
      top: 0.2667rem;
      right: 0.2667rem;
    }

    .m-c-b.edit ul li .edit-item.active {
      /*.bg(rgba(var(--color-primary-rgba),.35));*/
    }

    .m-c-b.edit ul li .edit-item.active i:before {
      content: "\e696";
      color: var(--color-primary);
    }

    .m-c-b.txtc ul li {
      margin-bottom: 0.5333rem;
    }

    .c-d-b .cdb-a {
      position: relative;
      overflow: hidden;
    }

    .c-d-b .cdb-a .a-x {
      position: relative;
      z-index: 1;
    }

    .c-d-b .cdb-a .a-x .a-a .aa-a {
      padding: 1.28rem 0.4267rem 0.4267rem 0.4267rem;
    }

    .c-d-b .cdb-a .a-x .a-a .aa-a img {
      width: 100%;
      border-radius: 0.32rem;
      -webkit-border-radius: 0.32rem;
      -moz-border-radius: 0.32rem;
    }

    .c-d-b .cdb-a .a-x .a-a .aa-b {
      padding: 0 0.4267rem;
    }

    .c-d-b .cdb-a .a-x .a-a .aa-b h2 {
      font-size: 0.5333rem;
      color: var(--color-white);
    }

    .c-d-b .cdb-a .a-x .a-a .aa-b p {
      padding: 0.1333rem 0;
      color: var(--color-666);
    }

    .c-d-b .cdb-a .a-x .a-b {
      padding: 0.4267rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }

    .c-d-b .cdb-a .a-x .a-b span {
      display: inline-block;
      height: 0.96rem;
      line-height: 0.96rem;
      width: 0.96rem;
      -webkit-box-flex: 0 0 0.96rem;
      -webkit-flex: 0 0 0.96rem;
      -ms-flex: 0 0 0.96rem;
      flex: 0 0 0.96rem;
      background-color: rgba(255, 255, 255, 0.1);
      text-align: center;
      margin-left: 0.2667rem;
      border-radius: 0.96rem;
      -webkit-border-radius: 0.96rem;
      -moz-border-radius: 0.96rem;
      cursor: pointer;
    }

    .c-d-b .cdb-a .a-x .a-b span i {
      font-size: 0.64rem;
      vertical-align: middle;
      position: relative;
      bottom: 0.0267rem;
    }

    .c-d-b .cdb-a .a-x .a-b span:first-child {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      background-color: var(--color-white);
      color: var(--color-black);
      margin-left: 0;
    }

    .c-d-b .cdb-a .a-x .a-b span:first-child i {
      font-size: 0.5333rem;
      margin-right: 0.08rem;
      bottom: 0.0533rem;
    }

    .c-d-b .cdb-a .a-y {
      position: absolute;
      top: 0;
      left: 0;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: top center;
      width: 200%;
      height: 100%;
      -webkit-transform: translateX(-25%) translateY(-25%);
      transform: translateX(-25%) translateY(-25%);
      opacity: 70 / 100;
      filter: alpha(opacity=70);
      filter: blur(0.8rem);
      -webkit-filter: blur(0.8rem);
      -moz-filter: blur(0.8rem);
      -o-filter: blur(0.8rem);
      -ms-filter: blur(0.8rem);
      filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0.8rem');
    }

    .c-d-b .cdb-a .a-y:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.298) 33%, rgba(0, 0, 0, 0.8) 100%);
    }

    .c-d-b .cdb-b .b-t {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 0.2667rem;
    }

    .c-d-b .cdb-b .b-t .t-l {
      color: var(--color-white);
      font-weight: 600;
    }

    .c-d-b .cdb-b .b-t .t-l b {
      font-family: DIN;
      color: var(--color-primary);
      display: inline-block;
      padding: 0 0.0533rem;
    }

    .c-d-b .cdb-b .b-t .t-r {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      text-align: right;
    }

    .c-d-b .cdb-b .b-t .t-r span {
      background-color: rgba(255, 255, 255, 0.1);
      color: var(--color-white);
      cursor: pointer;
      padding: 0.1333rem 0.2667rem;
      text-align: center;
      border-radius: 0.1067rem;
      -webkit-border-radius: 0.1067rem;
      -moz-border-radius: 0.1067rem;
      white-space: nowrap;
      margin-left: 0.1333rem;
      font-size: 0.32rem;
    }

    .c-d-b .cdb-b .b-t .t-r span.active {
      background-color: rgba(var(--color-primary-rgba), 0.15);
      color: var(--color-primary);
      font-weight: 600;
    }

    .c-d-b .cdb-b .mv-t-l .m-b {
      grid-template-columns: 1fr;
    }

    .c-d-b .cdb-b .mv-t-l .m-b .item {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }

    .c-d-b .cdb-b .mv-t-l .m-b .item .i-a {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }

    .c-d-b .cdb-b .mv-t-l .m-b .item .i-b {
      -webkit-box-flex: 1.2;
      -webkit-flex: 1.2;
      -ms-flex: 1.2;
      flex: 1.2;
      margin-left: 0.2667rem;
      height: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
    }

    .c-d-b .cdb-b .mv-t-l .m-b .item .i-b .ib-a {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 4;
      word-break: break-all;
      -o-text-overflow: ellipsis;
      -ms-text-overflow: ellipsis;
      text-overflow: ellipsis;
      overflow: hidden;
      margin-top: 0;
      margin-bottom: 0.2667rem;
    }

    .nav-tabs {
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
    }

    .nav-tabs span {
      position: relative;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      height: 1.28rem;
      line-height: 1.28rem;
      color: #bababb;
      text-align: center;
      font-size: 0.4rem;
      font-weight: 500;
    }

    .nav-tabs span.active {
      color: var(--color-white);
    }

    .nav-tabs span.active:before {
      content: "";
      position: absolute;
      left: 32%;
      width: 35%;
      height: 0.0533rem;
      bottom: 0.2133rem;
      border-radius: 0.0267rem;
      -webkit-border-radius: 0.0267rem;
      -moz-border-radius: 0.0267rem;
      background: var(--color-white);
    }

    .splash-ad {
      position: fixed;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      z-index: 99999;
    }

    .splash-ad img {
      width: 100%;
      height: 100%;
    }

    .splash-ad .close-btn {
      position: fixed;
      top: 0.2667rem;
      right: 0.2667rem;
      background-color: rgba(0, 0, 0, 0.55);
      color: var(--color-white);
      padding: 0.1333rem 0.4rem;
      border-radius: 1.0667rem;
      -webkit-border-radius: 1.0667rem;
      -moz-border-radius: 1.0667rem;
      border: 0.0267rem solid rgba(255, 255, 255, 0.4);
    }

    .splash-ad .close-btn span {
      color: #f00;
      font-family: DIN;
    }

    .video-overlay {
      position: absolute;
      right: 0.2667rem;
      bottom: 0.2667rem;
      z-index: 10;
      pointer-events: none;
    }

    .video-overlay.left-top {
      top: 0.2667rem;
    }

    .video-overlay .watermark-container {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      line-height: normal;
      color: #fff;
    }

    .video-overlay .watermark-container span {
      font-size: 0.2667rem;
      display: none;
    }

    .video-overlay .watermark-container b {
      font-size: 0.3467rem;
      font-weight: 800;
      text-transform: uppercase;
      font-family: PingFang SC, DFPKingGothicGB-Regular, Lato, Tahoma, Microsoft Yahei, sans-serif !important;
    }

    .countdown {
      position: absolute;
      top: 0.0267rem;
      right: 0.0267rem;
      background-color: rgba(0, 0, 0, 0.55);
      color: var(--color-white);
      padding: 0.1333rem 0.4rem;
      border-radius: 1.0667rem;
      -webkit-border-radius: 1.0667rem;
      -moz-border-radius: 1.0667rem;
      border: 0.0267rem solid rgba(255, 255, 255, 0.4);
      font-family: DIN;
      z-index: 1000;
    }

    .video-ad {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 10;
    }

    .pause-ad-container {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.65);
      z-index: 999;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
    }

    .pause-ad-container .pause-ad-image {
      height: 70%;
      max-width: 90%;
      object-fit: cover;
      border-radius: 0.16rem;
      -webkit-border-radius: 0.16rem;
      -moz-border-radius: 0.16rem;
    }

    .pause-ad-container .pause-ad-close {
      position: absolute;
      top: 0.8rem;
      right: 0.8rem;
      cursor: pointer;
      z-index: 11;
      display: inline-block;
      width: 0.5333rem;
      height: 0.5333rem;
      line-height: 0.5333rem;
      border-radius: 0.5333rem;
      -webkit-border-radius: 0.5333rem;
      -moz-border-radius: 0.5333rem;
      text-align: center;
      font-size: 0.3733rem;
      background-color: rgba(255, 255, 255, 0.2);
      color: var(--color-white);
    }

    .video-download-popad {
      position: relative;
      width: 100%;
      text-align: center;
    }

    .vdp-image {
      width: 90%;
      height: auto;
      display: block;
      margin: 0 auto;
    }

    .vdp-btn {
      position: absolute;
      bottom: 0.5333rem;
      width: 43%;
      height: 1.6rem;
    }

    .left-btn {
      left: 5%;
    }

    .right-btn {
      right: 5%;
    }

    @keyframes move {
      to {
        background-position: 200%;
      }
    }

    .novel-list {
      height: 100%;
    }

    .novel-list .au-main {
      height: 100%;
    }

    .mask-tea {
      position: fixed;
      top: 0;
      bottom: 1.28rem;
      left: 0;
      width: 100%;
      padding-bottom: 0.8rem;
      background-color: rgba(0, 0, 0, 0.75);
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      z-index: 9999;
    }

    .mask-tea h2 {
      color: var(--color-white);
      font-family: HYYakuHei;
      font-size: 0.64rem;
      margin-top: 0.2667rem;
    }

    .mask-tea i {
      font-size: 1.7067rem;
    }

    :root,
    :host {
      --van-cell-background: #16151B !important;
      --van-cell-active-color: #2a2a2a !important;
      --van-primary-color: var(--color-primary) !important;
      --Field-label-color: var(--color-light) !important;
      --van-cell-border-color: #2a2a2a !important;
      --Field-input-text-color: var(--color-white) !important;
    }

    .mg-form {
      --van-field-label-color: var(--color-light);
      --van-cell-background: var(--color-main-bg);
      --van-field-input-text-color: var(--color-white);
    }

    .mg-form .van-cell {
      padding: 0.4267rem;
    }

    .mg-form .van-cell__value {
      text-align: right;
    }

    .suggestion-popup .mg-form {
      --van-cell-background: #f7f8fa;
      --van-cell-border-color: #eee;
    }

    .van-notice-bar__content {
      color: var(--color-white);
      font-size: 0.2933rem;
      font-weight: 500;
      font-family: PingFang SC, DFPKingGothicGB-Regular, Lato, Tahoma, Microsoft Yahei, sans-serif !important;
    }

    .van-popup.hwcg-van-popup {
      --van-padding-md: 0rem;
      transform: none;
      top: 0;
      height: 100%;
      background-color: var(--color-main-bg);
    }

    .van-popup.hwcg-van-popup .swiper {
      height: 100%;
    }

    .van-popup.hwcg-van-popup .swiper .swiper-pagination-fraction {
      top: 0.2667rem;
    }
    .van-popup.hwcg-van-popup .swiper .swiper-slide {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
    }

    .van-popup.hwcg-van-popup .swiper .swiper-slide .plyr {
      width: 100%;
      height: auto;
    }

    .van-popup.hwcg-van-popup .swiper .swiper-slide .plyr video {
      width: 100%;
      height: auto;
      vertical-align: middle;
    }

    .plyr__poster {
      background: var(--color-main-bg) !important;
    }

    .van-overlay {
      background: rgba(22, 21, 27, 0.8);
    }
/* ============ BUSINESS BLOCK 17 ============ */

    .b-b span.active:before {
      background: url('https://jksdfsldbv103.wbtc567.com/9YJX/Assets/images/by.svg') no-repeat center;
      background-size: contain;

      content: "";
      position: absolute;
      bottom: -0.5333rem;
      left: 0.96rem;
      display: inline-block;
      width: 0.6667rem;
      height: 0.6667rem;

    }
  

/* ============ BUSINESS BLOCK 18 ============ */

    .fr-t .t-l:before {
      background: url('https://jksdfsldbv103.wbtc567.com/9YJX/Assets/images/icon/Item_icon.svg') no-repeat center;
      background-size: contain;

      content: "";
      position: absolute;
      left: 0.32rem;
      top: 0.2133rem;
      width: 0.96rem;
      height: 0.8rem;
      background-size: cover;
      background-position: center;

    }
  

/* ============ BUSINESS BLOCK 19 ============ */

    .p-login .pl-c .l-a .a-l span.active:before {
      background: url('https://jksdfsldbv103.wbtc567.com/9YJX/Assets/images/by.svg') no-repeat center;
      background-size: contain;

      content: "";
      position: absolute;
      bottom: -0.1333rem;
      left: 0.6133rem;
      display: inline-block;
      width: 0.6667rem;
      height: 0.6667rem;
      background-size: contain;
      background-position: center;

    }
  

/* ============ BUSINESS BLOCK 20 ============ */

    .loading-container[data-v-fe394afa] {
      width: 100%;
      background-color: transparent;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      user-select: none;
    }

    .sk-chase-wrapper[data-v-fe394afa] {
      position: relative;
      width: 1.7067rem;
      /* 图标缩小 */
      height: 1.7067rem;
      /* 图标缩小 */
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0.2133rem;
      box-sizing: content-box;
      flex-direction: column;
    }

    .sk-chase[data-v-fe394afa] {
      width: 1.7067rem;
      /* 图标缩小 */
      height: 1.7067rem;
      /* 图标缩小 */
      position: absolute;
      animation: sk-chase-fe394afa 2.5s infinite linear both;
    }

    .sk-chase-dot[data-v-fe394afa] {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      animation: sk-chase-dot-fe394afa 2s infinite ease-in-out both;
    }

    .sk-chase-dot[data-v-fe394afa]:before {
      content: '';
      display: block;
      width: 25%;
      height: 25%;
      background-color: #fff;
      border-radius: 50%;
      animation: sk-chase-dot-before-fe394afa 2s infinite ease-in-out both;
    }

    .sk-chase-dot[data-v-fe394afa]:nth-child(1) {
      animation-delay: -1.1s;
    }

    .sk-chase-dot[data-v-fe394afa]:nth-child(2) {
      animation-delay: -1.0s;
    }

    .sk-chase-dot[data-v-fe394afa]:nth-child(3) {
      animation-delay: -0.9s;
    }

    .sk-chase-dot[data-v-fe394afa]:nth-child(4) {
      animation-delay: -0.8s;
    }

    .sk-chase-dot[data-v-fe394afa]:nth-child(5) {
      animation-delay: -0.7s;
    }

    .sk-chase-dot[data-v-fe394afa]:nth-child(6) {
      animation-delay: -0.6s;
    }

    .sk-chase-dot[data-v-fe394afa]:nth-child(1):before {
      animation-delay: -1.1s;
    }

    .sk-chase-dot[data-v-fe394afa]:nth-child(2):before {
      animation-delay: -1.0s;
    }

    .sk-chase-dot[data-v-fe394afa]:nth-child(3):before {
      animation-delay: -0.9s;
    }

    .sk-chase-dot[data-v-fe394afa]:nth-child(4):before {
      animation-delay: -0.8s;
    }

    .sk-chase-dot[data-v-fe394afa]:nth-child(5):before {
      animation-delay: -0.7s;
    }

    .sk-chase-dot[data-v-fe394afa]:nth-child(6):before {
      animation-delay: -0.6s;
    }

    @keyframes sk-chase-fe394afa {
      100% {
        transform: rotate(360deg);
      }
    }

    @keyframes sk-chase-dot-fe394afa {

      80%,
      100% {
        transform: rotate(360deg);
      }
    }

    @keyframes sk-chase-dot-before-fe394afa {
      50% {
        transform: scale(0.4);
      }

      0%,
      100% {
        transform: scale(1);
      }
    }

    .sk-label[data-v-fe394afa] {
      position: relative;
      font-size: 0.32rem;
      /* 字体缩小 */
      font-weight: bold;
      color: #fff;
      padding-left: 0.32rem;
      width: 100%;
      white-space: nowrap;
      user-select: none;
      text-align: center;
      overflow: visible;
    }

    #suffix[data-v-fe394afa] {
      display: inline-block;
      color: #f70;
      will-change: transform, opacity, font-size;
      transition: none;
      font-size: 1em;
      transform: translateY(0);
      opacity: 1;
    }
  

/* ============ BUSINESS BLOCK 21 ============ */

    .swiper-virtual .swiper-slide {
      -webkit-backface-visibility: hidden;
      transform: translateZ(0);
    }

    .swiper-virtual.swiper-css-mode .swiper-wrapper::after {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      pointer-events: none;
    }

    .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
      height: 1px;
      width: var(--swiper-virtual-size);
    }

    .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
      width: 1px;
      height: var(--swiper-virtual-size);
    }
  

/* ============ BUSINESS BLOCK 22 ============ */

    .active[data-v-0d304df9] {
      color: #ff6b6b;
    }