.cklHHO {
      width: 100px;
      height: 100px;
      display: inline-block;
      -webkit-transform: scale(-0.24) translate3d(0, 0, 0);
      -ms-transform: scale(-0.24) translate3d(0, 0, 0);
      transform: scale(-0.24) translate3d(0, 0, 0);
      margin-top: -52px;
      background-image: url();
      -webkit-animation-name: bfhpCh;
      animation-name: bfhpCh;
      -webkit-animation-duration: 2s;
      animation-duration: 2s;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
      -webkit-animation-timing-function: step-start;
      animation-timing-function: step-start;
    }

    /*!sc*/
    data-styled.g5[id="style__Loading-sc-cmrp6r-4"] {
      content: "cklHHO,"
    }

    /*!sc*/
    .cbrSvu {
      position: absolute;
      right: 0;
      top: 0;
      width: 44px;
      height: 24px;
      background-image: url('../../www.iqiyipic.com/lequ/20210630/right-top%402x.html');
      background-size: 176px;
    }

    /*!sc*/
    @media only screen and (-webkit-min-device-pixel-ratio:3),
    only screen and (min-resolution:3dppx) {
      .cbrSvu {
        background-image: url('../../www.iqiyipic.com/lequ/20210630/right-top%403x.html');
      }
    }

    /*!sc*/
    @media screen and (max-width:1679px) {
      .cbrSvu {
        width: 32px;
        height: 18px;
        background-position: 0 -24px;
      }
    }

    /*!sc*/
    @media screen and (max-width:767px) {
      .cbrSvu {
        width: 28px;
        height: 15px;
        background-position: 0 -42px;
      }
    }

    /*!sc*/
    data-styled.g6[id="style__GridCardVipIcon-sc-cmrp6r-5"] {
      content: "cbrSvu,"
    }

    /*!sc*/
    .hcugDg {
      width: 100%;
      height: 0;
      position: relative;
      z-index: 200;
      top: 0;
      vertical-align: middle;
      -webkit-transition: background-color 0.5s linear;
      transition: background-color 0.5s linear;
    }

    /*!sc*/
    .hcugDg .paddingTop10 {
      padding-top: 10px;
    }

    /*!sc*/
    .hcugDg .header-container {
      width: 100%;
      height: 72px;
      position: fixed;
      z-index: 100;
      top: 0;
      vertical-align: middle;
      -webkit-transition: background-color 0.5s linear;
      transition: background-color 0.5s linear;

    }

    /*!sc*/
    .hcugDg .header-inner {
      height: 100%;
      margin: 0 auto;
      position: relative;
      vertical-align: top;
      box-sizing: border-box;
      padding: 0 56px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }

    /*!sc*/
    .hcugDg .header-inner .right-header {
      position: absolute;
      right: 56px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }

    /*!sc*/
    .hcugDg .dn {
      display: none;
    }

    /*!sc*/
    .hcugDg .menu-button {
      padding: 14px 0;
      vertical-align: top;
      cursor: pointer;
      display: none;
    }

    /*!sc*/
    .hcugDg .menu-box {
      display: none;
    }

    /*!sc*/
    .hcugDg .logo-wrap {
      font-size: 0;
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }

    /*!sc*/
    .hcugDg .language-container {
      position: relative;
      margin-left: 4px;
      cursor: pointer;
      width: 80px;
      height: 72px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
    }

    /*!sc*/
    .hcugDg .language-container>i {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      box-sizing: border-box;
      -webkit-align-items: center;
      -webkit-box-align: 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-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
    }

    /*!sc*/
    .hcugDg .language-container>i svg {
      width: 32px;
      height: 32px;
      outline: none;
    }

    /*!sc*/
    .hcugDg .language-container>i span {
      color: #fff;
      opacity: .8;
      font-size: 12px;
      line-height: 12px;
    }

    /*!sc*/
    .hcugDg .language-container:hover i svg path {
      fill: #eb1c63;
    }

    /*!sc*/
    .hcugDg .language-container:hover i span {
      color: #eb1c63;
      opacity: 1;
    }

    /*!sc*/
    .hcugDg.vip .logo-wrap svg {
      fill: #E6B073;
    }

    /*!sc*/
    .hcugDg .top-logo {
      width: 82px;
      height: 26px;
      padding: 18px 0;
      display: inline-block;
    }

    /*!sc*/
    .hcugDg .vip-tag {
      margin-left: 16px;
      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-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      height: 72px;
    }

    /*!sc*/
    .hcugDg .vip-tag:hover .vip-privileges {
      display: block;
    }

    /*!sc*/
    .hcugDg .vip-tag:hover .vip-privileges.mobile {
      display: none;
    }

    /*!sc*/
    .hcugDg .user-level-tag {
      position: relative;
      display: block;
      width: 82px;
      height: 36px;
      border-radius: 4px;
    }

    /*!sc*/
    .hcugDg .user-level-tag svg {
      width: 100%;
      height: 100%;
    }

    /*!sc*/
    .hcugDg .user-level-tag:hover svg rect {
      fill: #eb5386;
    }

    /*!sc*/
    .hcugDg .qrcode-wrap {
      margin-left: 16px;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      position: relative;
      height: 72px;
    }

    /*!sc*/
    .hcugDg .qrcode-wrap.pc {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
    }

    /*!sc*/
    .hcugDg .qrcode-wrap.h5 {
      margin-left: 20px;
      display: none;
    }

    /*!sc*/
    .hcugDg .qrcode-wrap i {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      outline: none;
      width: 80px;
      height: 34px;
      border: 1px solid rgba(255, 255, 255);
      border-radius: 4px;
    }

    /*!sc*/
    .hcugDg .qrcode-wrap i span {
      color: #fff;
      font-size: 14px;
      font-weight: 500;
    }

    /*!sc*/
    .hcugDg .qrcode-wrap svg {
      width: 20px;
      height: 20px;
      margin-right: 4px;
    }

    /*!sc*/
    .hcugDg .qrcode-wrap:hover {
      cursor: pointer;
    }

    /*!sc*/
    .hcugDg .qrcode-wrap:hover i {
      border: 1px solid #eb1c63;
    }

    /*!sc*/
    .hcugDg .qrcode-wrap:hover i span {
      color: #eb1c63;
    }

    /*!sc*/
    .hcugDg .qrcode-wrap:hover i svg path,
    .hcugDg .qrcode-wrap:hover i svg rect {
      fill: #eb1c63;
    }

    /*!sc*/
    .hcugDg .qrcode-wrap:active {
      background: rgba(0, 0, 0, 0.20);
    }

    /*!sc*/
    .hcugDg .qrcode-wrap:active {
      background-color: rgba(0, 0, 0, 0);
    }

    /*!sc*/
    .hcugDg .qrcode {
      position: absolute;
      box-sizing: border-box;
      top: 71px;
      display: none;
      background-color: #1A1C22;
      border: 1px solid rgba(255, 255, 255, 0.25);
      border-radius: 4px;
      padding: 8px 0 16px;
      text-align: center;
      font-size: 12px;
      color: #E6E6E6;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
    }

    /*!sc*/
    .hcugDg .qrcode .qrcode-img {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-top: 12px;
    }

    /*!sc*/
    .hcugDg .qrcode .qrcode-img .qrcode-icon {
      width: 116px;
      height: 116px;
      border: 4px solid #fff;
    }

    /*!sc*/
    .hcugDg .qrcode .qrcode-img .qrcode-logo {
      position: absolute;
      width: 16px;
      height: 16px;
    }

    /*!sc*/
    .hcugDg .qrcode.show {
      display: block;
    }

    /*!sc*/
    .hcugDg .qrcode:after {
      display: block;
      box-sizing: border-box;
      content: '';
      z-index: -1;
      height: 12px;
      width: 12px;
      position: absolute;
      top: -1px;
      left: 50%;
      -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
      transform: translate(-50%, -50%) rotate(45deg);
      background-color: #1A1C22;
      border-left: 1px solid rgba(255, 255, 255, 0.25);
      border-top: 1px solid rgba(255, 255, 255, 0.25);
      border-radius: 4px 0px 0px 0px;
    }

    /*!sc*/
    .hcugDg .header-download-wrapper {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }

    /*!sc*/
    .hcugDg .header-download-wrapper .header-download-item {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      text-align: left;
      width: 280px;
      height: 44px;
      padding: 0 16px;
      box-sizing: border-box;
    }

    /*!sc*/
    .hcugDg .header-download-wrapper .download-item-icon {
      width: 20px;
      height: 20px;
    }

    /*!sc*/
    .hcugDg .header-download-wrapper .download-item-icon svg {
      width: 20px;
      height: 20px;
    }

    /*!sc*/
    .hcugDg .header-download-wrapper .header-download-item-title {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      overflow: hidden;
      -webkit-box-orient: vertical;
      margin-left: 8px;
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
      font-size: 14px;
      line-height: 16px;
      color: #A9A9AC;
    }

    /*!sc*/
    .hcugDg .header-download-btn {
      display: inline-block;
      width: 248px;
      height: 36px;
      margin: 8px auto 0;
      font-size: 13px;
      color: #FFFFFF;
      text-align: center;
      line-height: 36px;
      background: #eb1c63;
      border-radius: 4px;
      box-sizing: border-box;
      white-space: nowrap;
      position: relative;
    }

    /*!sc*/
    .hcugDg .header-download-btn:hover {
      background: #d14777;
    }

    /*!sc*/
    .hcugDg .download-new-wrapper {
      position: absolute;
      top: 52px;
      display: none;
      background-color: #1A1C22;
      border: 1px solid rgba(255, 255, 255, 0.25);
      border-radius: 3.6px;
      z-index: 110;
      margin-top: 8px;
    }

    /*!sc*/
    .hcugDg .download-new-wrapper.show {
      display: block;
    }

    /*!sc*/
    .hcugDg .download-new-wrapper:after {
      display: block;
      box-sizing: border-box;
      content: '';
      z-index: -1;
      height: 12px;
      width: 12px;
      position: absolute;
      top: -1px;
      left: 50%;
      -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
      transform: translate(-50%, -50%) rotate(45deg);
      background-color: #1A1C22;
      border-left: 1px solid rgba(255, 255, 255, 0.25);
      border-top: 1px solid rgba(255, 255, 255, 0.25);
      border-radius: 4px 0px 0px 0px;
    }

    /*!sc*/
    .hcugDg .download-new-wrapper .download-new-content-wrapper {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 298px;
      padding: 16px;
      box-sizing: border-box;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
    }

    /*!sc*/
    .hcugDg .download-new-wrapper .download-new-content-wrapper .download-new-content-left {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: stretch;
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
      justify-content: flex-end;
    }

    /*!sc*/
    .hcugDg .download-new-wrapper .download-new-content-wrapper .download-new-content-left .header-new-download-wrapper {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
    }

    /*!sc*/
    .hcugDg .download-new-wrapper .download-new-content-wrapper .download-new-content-left .header-new-download-wrapper.testtip {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
    }

    /*!sc*/
    .hcugDg .download-new-wrapper .download-new-content-wrapper .download-new-content-left .header-new-download-wrapper.testtip .header-new-download-item {
      margin-bottom: 8px;
    }

    /*!sc*/
    .hcugDg .download-new-wrapper .download-new-content-wrapper .download-new-content-left .header-new-download-wrapper .header-new-download-item {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      min-width: 130px;
      text-align: left;
      margin-bottom: 12px;
    }

    /*!sc*/
    .hcugDg .download-new-wrapper .download-new-content-wrapper .download-new-content-left .header-new-download-wrapper .header-new-download-item:last-child {
      margin-bottom: 0 !important;
    }

    /*!sc*/
    .hcugDg .download-new-wrapper .download-new-content-wrapper .download-new-content-left .header-new-download-wrapper .download-new-item-icon {
      width: 20px;
      height: 20px;
    }

    /*!sc*/
    .hcugDg .download-new-wrapper .download-new-content-wrapper .download-new-content-left .header-new-download-wrapper .download-new-item-icon>svg {
      width: 20px;
      height: 20px;
      margin-left: 0;
    }

    /*!sc*/
    .hcugDg .download-new-wrapper .download-new-content-wrapper .download-new-content-left .header-new-download-wrapper .free-vip-title {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      min-width: 130px;
      text-align: left;
      font-size: 13px;
      color: #F2BF83;
      font-weight: 700;
    }

    /*!sc*/
    .hcugDg .download-new-wrapper .download-new-content-wrapper .download-new-content-left .header-new-download-wrapper .header-vip_tips {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      min-width: 130px;
      text-align: left;
      font-size: 12px;
      color: #838486;
      font-weight: 400;
    }

    /*!sc*/
    .hcugDg .download-new-wrapper .download-new-content-wrapper .download-new-content-left .header-new-download-wrapper .header-new-download-item-title {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      overflow: hidden;
      -webkit-box-orient: vertical;
      margin-left: 6px;
      font-size: 12px;
      color: #ececec;
      line-height: 16px;
    }

    /*!sc*/
    .hcugDg .download-new-wrapper .download-new-content-wrapper .download-new-content-right {
      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-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      width: 90px;
      margin-left: 12px;
    }

    /*!sc*/
    .hcugDg .download-new-wrapper .download-new-content-wrapper .download-new-img {
      width: 88px;
      height: 88px;
      border-radius: 2px;
    }

    /*!sc*/
    .hcugDg .download-new-wrapper .download-new-content-wrapper .download-new-title {
      width: 100%;
      font-size: 10px;
      color: #a9a9ac;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      text-align: center;
      line-height: 14px;
      margin-top: 4px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    /*!sc*/
    @media screen and (max-width:1679px) {

      .hcugDg .language-container,
      .hcugDg .vip-tag {
        height: 60px;
      }

      .hcugDg .header-inner {
        padding: 0 64px;
      }

      .hcugDg .header-inner .right-header {
        right: 64px;
      }
    }

    /*!sc*/
    @media screen and (max-width:1023px) {
      .hcugDg .qrcode-wrap {
        height: 60px;
        width: 32px;
        margin-left: 16px;
      }

      .hcugDg .qrcode {
        left: 13px;
      }

      .hcugDg .vip-tag {
        margin-left: 16px;
      }

      .hcugDg .header-inner .right-header {
        right: 50px;
      }
    }

    /*!sc*/
    @media screen and (max-width:1023px) {
      .hcugDg .header-inner {
        padding: 0 50px;
      }

      .hcugDg .logo-wrap {
        height: 60px;
        line-height: 1;
      }

      .hcugDg .language-container i span {
        display: none;
      }

      .hcugDg .menu-button {
        padding: 10px 0;
        display: none;
        margin-right: 30px;
      }

      .hcugDg .menu-button>svg {
        width: 28px;
        height: 28px;
      }

      .hcugDg .menu-box {
        position: fixed;
        display: block;
        z-index: 100;
        top: 0;
        left: 0;
        height: 100%;
        width: 0;
        opacity: 0;
        overflow: hidden;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
      }

      .hcugDg .menu-box.show-menu {
        z-index: 100;
        width: 100%;
        opacity: 1;
      }

      .hcugDg .close-button {
        display: none;
        height: 14px;
        width: 14px;
        position: absolute;
        cursor: pointer;
        padding: 4px;
        right: 12px;
        top: 12px;
      }

      .hcugDg .close-button svg {
        width: 100%;
        height: 100%;
        fill: #fff;
      }

      .hcugDg .arrow-top {
        width: 22px;
        height: 22px;
        display: block;
        position: absolute;
        outline: none;
        cursor: pointer;
        right: 14px;
        top: 18px;
      }

      .hcugDg .arrow-top svg {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        padding: 4px;
        box-sizing: border-box;
      }

      .hcugDg .arrow-top svg #Mask {
        fill: #A9A9AC;
      }

      .hcugDg .menu-content {
        width: 270px;
        left: -270px;
        height: 100%;
        background-color: #23252B;
        position: absolute;
        -webkit-transition: left 0.3s;
        transition: left 0.3s;
        padding-bottom: 8px;
      }

      .hcugDg .show-menu {
        overflow: visible;
      }

      .hcugDg .show-menu .menu-content {
        left: 0px;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        overflow: -moz-scrollbars-none;
      }

      .hcugDg .show-menu .menu-content::-webkit-scrollbar {
        display: none;
      }

      .hcugDg .show-menu .menu-background {
        height: 100%;
        width: 100%;
      }

      .hcugDg .menu-background {
        position: fixed;
        top: 0;
        left: 0;
        height: 0;
        width: 0;
        background: rgba(0, 0, 0, 0.4);
      }

      .hcugDg .help-center-container {
        background: #23252B;
      }

      .hcugDg .help-center-container .menu-channel {
        position: relative;
        font-size: 16px;
        margin-left: 24px;
        height: 56px;
        line-height: 24px;
        cursor: pointer;
      }

      .hcugDg .help-center-container .menu-channel.marginTop8 {
        margin-top: 8px;
      }

      .hcugDg .help-center-container .menu-channel.marginBottom8 {
        margin-bottom: 8px;
      }

      .hcugDg .help-center-container .menu-channel.line:after {
        content: '';
        position: absolute;
        right: 0;
        bottom: -8px;
        width: 254px;
        height: 1px;
        background-color: #2D2F34;
      }

      .hcugDg .help-center-container .menu-channel:hover a {
        color: #eb1c63;
      }

      .hcugDg .help-center-container .menu-channel a {
        display: inline-block;
        margin: 16px 0;
        color: #ECECEC;
      }

      .hcugDg .help-center-container .menu-channel .tab-bar {
        width: 100%;
        height: 3px;
        border-radius: 1.5px;
        background: #e80553;
        margin-top: 3px;
        display: none;
      }

      .hcugDg .help-center-container .menu-channel .tab-bar.selected {
        display: block;
      }

      .hcugDg .help-center-container .sub-menu {
        position: relative;
        font-size: 16px;
        margin-left: 24px;
        height: 56px;
        line-height: 24px;
        color: #fff;
      }

      .hcugDg .help-center-container .sub-menu .padding13 {
        padding: 16px 0;
        cursor: pointer;
      }

      .hcugDg .help-center-container .arrow-top {
        -webkit-transition: rotate 0.3s;
        transition: rotate 0.3s;
      }

      .hcugDg .help-center-container .arrow-top.arrow-show-list {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
      }

      .hcugDg .help-center-container .sub-menu-list {
        position: relative;
        overflow: hidden;
        margin: 0 16px 0 24px;
        max-height: 0;
        -webkit-transition: all .3s;
        transition: all .3s;
      }

      .hcugDg .help-center-container .sub-menu-list a {
        color: #ccc;
      }

      .hcugDg .help-center-container .sub-menu-list.show-menu-list {
        max-height: 1000px;
        -webkit-transition: all 1s;
        transition: all 1s;
      }

      .hcugDg .help-center-container .help-center li {
        height: 50px;
        line-height: 50px;
        font-size: 16px;
        position: relative;
      }

      .hcugDg .help-center-container .help-center li a {
        height: 100%;
        width: 100%;
        display: block;
      }

      .hcugDg .help-center-container .help-center li:hover a {
        color: #eb1c63;
      }

      .hcugDg .help-center-container .help-center li.selected a {
        color: #c70448;
      }

      .hcugDg .multi-devices-container {
        padding: 16px 24px 24px;
        background: #23252B;
      }

      .hcugDg .multi-devices-container .get-app-box {
        margin-top: 16px;
      }

      .hcugDg .multi-devices-container img {
        width: 222px;
        height: 40px;
        fill: #9f9fa0;
        display: block;
      }
    }

    /*!sc*/
    @media screen and (max-width:767px) {
      .hcugDg {
        height: 92px;
      }

      .hcugDg.vip {
        height: auto;
      }

      .hcugDg.vip .header-inner .right-header {
        width: auto;
      }

      .hcugDg .language-container {
        display: none;
      }

      .hcugDg .header-inner {
        padding: 0 16px;
        background: #111319;
      }

      .hcugDg .header-inner .right-header {
        right: 15px;
        width: 100%;
        padding-left: 128px;
        box-sizing: border-box;
      }

      .hcugDg .header-container {
        height: 44px;
      }

      .hcugDg .menu-button {
        padding: 10px 0;
        margin-right: 8px;
        display: inline-block;
      }

      .hcugDg .menu-button svg {
        width: 18px;
        height: 18px;
      }

      .hcugDg .logo-wrap {
        height: 44px;
        line-height: 1;
        z-index: 1;
      }

      .hcugDg .logo-wrap .top-logo {
        width: 60px;
        height: 18px;
        padding: 10px 0;
      }

      .hcugDg .logo-wrap .top-logo svg {
        width: 60px;
        height: 18px;
      }

      .hcugDg .qrcode-wrap.pc {
        display: none;
      }

      .hcugDg .qrcode-wrap.h5 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 63px;
        height: 28px;
        background: #eb1c63;
        border-radius: 4px;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-left: 12px;
      }

      .hcugDg .qrcode-wrap.h5 svg {
        width: 18px;
        height: 18px;
      }

      .hcugDg .qrcode-wrap.h5 span {
        font-size: 13px;
        color: #FFFFFF;
        text-align: center;
        margin-left: 0px;
      }

      .hcugDg .qrcode-wrap.h5:hover {
        background-color: #d43f73;
      }

      .hcugDg .vip-tag {
        display: none;
      }
    }

    /*!sc*/
    .hcugDg .menu-content .login-button p {
      display: none;
    }

    /*!sc*/
    @media screen and (min-width:768px) and (max-width:1023px) {
      .hcugDg .language-container {
        width: 32px;
        margin-left: 16px;
      }

      .hcugDg .language-container>i svg {
        border: none;
      }

      .hcugDg .qrcode-wrap.pc {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-top: 0;
      }

      .hcugDg .qrcode-wrap.pc i {
        border: none;
      }

      .hcugDg .qrcode-wrap.pc i svg {
        width: 24px;
        height: 24px;
      }

      .hcugDg .qrcode-wrap.pc span {
        display: none;
      }

      .hcugDg .qrcode-wrap.h5 {
        display: none;
      }
    }

    /*!sc*/
    @media screen and (min-width:768px) and (max-width:1023px) {
      .hcugDg .download-new-wrapper {
        top: 45px;
      }
    }

    /*!sc*/
    @media screen and (min-width:768px) and (max-width:1679px) {
      .hcugDg .qrcode-wrap {
        height: 60px;
      }

      .hcugDg .qrcode {
        top: 59px;
      }

      .hcugDg .header-container {
        height: 60px;
      }

      .hcugDg .top-logo {
        width: 82px;
        height: 26px;
        padding: 12px 0;
      }

      .hcugDg .logo-wrap {
        height: 60px;
      }
    }

    /*!sc*/
    data-styled.g43[id="style__HeaderWrapper-sc-n4kcdb-0"] {
      content: "hcugDg,"
    }

    /*!sc*/
    .FYrFH {
      position: relative;
      list-style: none;
      height: 100%;
    }

    /*!sc*/
    .FYrFH .trigger {
      position: relative;
      height: 100%;
    }

    /*!sc*/
    .FYrFH .trigger .trigger-text {
      display: none;
      color: #ffffff;
      text-align: center;
      position: relative;
      line-height: 0.6rem;
      vertical-align: middle;
    }

    /*!sc*/
    .FYrFH .trigger .trigger-text:hover .other-chanel-wrap {
      display: block;
    }

    /*!sc*/
    .FYrFH .trigger .trigger-text:hover .arrow {
      border-right: 4px solid transparent;
      border-bottom: 4px solid white;
      border-left: 4px solid transparent;
      border-top: none;
    }

    /*!sc*/
    .FYrFH .trigger .trigger-text a {
      font-size: 14px;
      line-height: 24px;
      opacity: 0.6;
    }

    /*!sc*/
    .FYrFH .trigger .trigger-text a:hover {
      opacity: 1;
      color: #eb1c63;
    }

    /*!sc*/
    .FYrFH .trigger .trigger-text a:hover .arrow {
      border-bottom: 4px solid #ed1a63;
    }

    /*!sc*/
    .FYrFH .trigger .trigger-text a.selected {
      opacity: 1;
      color: #fff;
    }

    /*!sc*/
    .FYrFH .trigger .trigger-text a .tab-bar {
      display: none;
      width: 100%;
      height: 3px;
      background-color: rgb(237, 26, 99);
      position: relative;
      top: -3px;
    }

    /*!sc*/
    .FYrFH .trigger .trigger-text a .tab-bar.selected {
      display: none;
    }

    /*!sc*/
    .FYrFH .trigger .trigger-text>a {
      font-size: 16px;
    }

    /*!sc*/
    .FYrFH .trigger .arrow {
      display: inline-block;
      vertical-align: middle;
      top: -0.01rem;
      position: relative;
      font-size: 0;
      margin-left: 5px;
      width: 0;
      height: 0;
      border-left: 4px solid transparent;
      border-top: 4px solid white;
      border-right: 4px solid transparent;
    }

    /*!sc*/
    .FYrFH .channels-wrap {
      display: inline-block;
      position: relative;
      float: left;
      overflow: hidden;
      height: 100%;
      margin-right: 40px;
    }

    /*!sc*/
    .FYrFH .channels-wrap.isShow {
      opacity: 1;
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
    }

    /*!sc*/
    .FYrFH .chanel-link {
      color: #fff;
      opacity: 0.6;
      display: inline-block;
      cursor: pointer;
      font-size: 16px;
      line-height: 24px;
    }

    /*!sc*/
    .FYrFH .chanel-link .tab-bar {
      width: 100%;
      height: 3px;
      background: #e80553;
      display: none !important;
    }

    /*!sc*/
    .FYrFH .chanel-link .tab-bar.selected {
      display: block;
    }

    /*!sc*/
    .FYrFH .chanel-link:hover {
      opacity: 1;
      color: #eb1c63;
    }

    /*!sc*/
    .FYrFH .chanel-link.selected {
      color: #d11b59;
    }

    /*!sc*/
    .FYrFH .chanel-link.selected .chanel-pop {
      display: block;
    }

    /*!sc*/
    .FYrFH .channel {
      position: relative;
      font-size: 0.16rem;
      margin: 0;
      margin-left: 40px;
      display: inline-block;
      line-height: 0.7rem;
    }

    /*!sc*/
    .FYrFH .channel:first-child {
      margin-left: 32px;
    }

    /*!sc*/
    .FYrFH .channel:last-child {
      margin-right: 40px;
    }

    /*!sc*/
    .FYrFH .channel a.selected {
      color: #ffffff;
      opacity: 1;
      font-weight: 700;
    }

    /*!sc*/
    .FYrFH .channel a.selected:hover {
      color: #eb1c63;
    }

    /*!sc*/
    .FYrFH .other-chanel-wrap {
      display: none;
      position: absolute;
      top: 59px;
      left: 50%;
      -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
      transform: translate(-50%);
      border-radius: 4px;
      background: #1a1c22;
      border: 1px solid rgba(255, 255, 255, 0.12);
      box-sizing: border-box;
      min-height: 0;
      padding: 8px 0;
    }

    /*!sc*/
    .FYrFH .other-chanel-wrap>div {
      max-height: 326px;
      overflow-y: scroll;
      -webkit-overflow-scrolling: touch;
      overflow: -moz-scrollbars-none;
    }

    /*!sc*/
    .FYrFH .other-chanel-wrap>div::-webkit-scrollbar {
      display: none;
    }

    /*!sc*/
    .FYrFH .other-chanel-wrap.show {
      display: block;
    }

    /*!sc*/
    .FYrFH .other-chanel-wrap .channel {
      margin: 0;
      text-align: center;
      line-height: 24px;
      font-size: 14px;
      width: 180px;
      height: 44px;
      line-height: 44px;
      display: block;
      color: #a9a9ac;
      cursor: pointer;
    }

    /*!sc*/
    .FYrFH .other-chanel-wrap .channel:hover {
      background: rgba(255, 255, 255, 0.08);
    }

    /*!sc*/
    .FYrFH .other-chanel-wrap .channel:hover a {
      color: #eb1c63;
      opacity: 1;
    }

    /*!sc*/
    .FYrFH .other-chanel-wrap .channel a .tab-bar {
      margin-top: 14px;
      top: -6px;
    }

    /*!sc*/
    .FYrFH .other-chanel-wrap:after {
      display: block;
      box-sizing: border-box;
      content: '';
      height: 12px;
      width: 12px;
      position: absolute;
      z-index: -1;
      top: -1px;
      left: 50%;
      -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
      transform: translate(-50%, -50%) rotate(45deg);
      background-color: #1a1c22;
      border-left: 1px solid rgba(255, 255, 255, 0.25);
      border-top: 1px solid rgba(255, 255, 255, 0.25);
      border-radius: 4px 0px 0px 0px;
    }

    /*!sc*/
    @media screen and (max-width:767px) {
      .FYrFH {
        display: none;
      }
    }

    /*!sc*/
    @media screen and (min-width:768px) and (max-width:1279px) {
      .FYrFH .trigger .channels-wrap {
        margin-right: 16px;
      }

      .FYrFH .trigger .channels-wrap .channel {
        line-height: 0.6rem;
        margin-left: 30px;
        font-size: 14px;
      }

      .FYrFH .trigger .channels-wrap .channel:first-child {
        margin-left: 24px;
      }

      .FYrFH .trigger .channels-wrap .channel:nth-child(n + 0) {
        display: none;
      }

      .FYrFH .trigger .channels-wrap .chanel-link .tab-bar {
        margin-top: 14px;
      }

      .FYrFH .trigger .trigger-text {
        display: table-cell;
        height: 60px;
      }
    }

    /*!sc*/
    @media screen and (min-width:1280px) and (max-width:1679px) {
      .FYrFH .trigger .channels-wrap {
        margin-right: 30px;
      }

      .FYrFH .trigger .channels-wrap .channel {
        line-height: 0.6rem;
        margin-left: 30px;
        font-size: 14px;
      }

      .FYrFH .trigger .channels-wrap .channel:first-child {
        margin-left: 24px;
      }

      .FYrFH .trigger .channels-wrap .channel:nth-child(n + 3) {
        display: none;
      }

      .FYrFH .trigger .channels-wrap .chanel-link .tab-bar {
        margin-top: 14px;
      }

      .FYrFH .trigger .trigger-text {
        display: table-cell;
      }
    }

    /*!sc*/
    @media screen and (min-width:1680px) {
      .FYrFH .other-chanel-wrap {
        top: 71px;
      }

      .FYrFH .trigger .channels-wrap .channel:nth-child(n + 6) {
        display: none;
      }

      .FYrFH .trigger .channels-wrap .chanel-link .tab-bar {
        margin-top: 19px;
      }

      .FYrFH .trigger .trigger-text {
        line-height: 0.7rem;
        display: table-cell;
      }

      .FYrFH .trigger .arrow {
        border-left: 5px solid transparent;
        border-top: 5px solid white;
        border-right: 5px solid transparent;
      }

      .FYrFH .trigger .arrow.up {
        border-right: 5px solid transparent;
        border-bottom: 5px solid white;
        border-left: 5px solid transparent;
      }
    }

    /*!sc*/
    data-styled.g44[id="style__NavWrapper-sc-tgl31j-0"] {
      content: "FYrFH,"
    }

    /*!sc*/
    .jjAvWB {
      position: relative;
      box-sizing: border-box;
      font-size: 16px;
      color: #fff;
      padding: 22px 28px;
      width: 100%;
      background-image: url('');
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
    }

    /*!sc*/
    .jjAvWB .mask {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 40px;
      background-image: linear-gradient(180deg, rgba(26, 28, 34, 0) 0%, rgba(26, 28, 34, 0.06) 6%, rgba(26, 28, 34, 0.12) 12%, rgba(26, 28, 34, 0.19) 19%, rgba(26, 28, 34, 0.26) 26%, rgba(26, 28, 34, 0.34) 34%, rgba(26, 28, 34, 0.42) 42%, rgba(26, 28, 34, 0.5) 50%, rgba(26, 28, 34, 0.58) 58%, rgba(26, 28, 34, 0.66) 66%, rgba(26, 28, 34, 0.74) 74%, rgba(26, 28, 34, 0.81) 81%, rgba(26, 28, 34, 0.88) 88%, rgba(26, 28, 34, 0.94) 94%, #1a1c22 100%);
    }

    /*!sc*/
    .jjAvWB svg {
      vertical-align: middle;
    }

    /*!sc*/
    .jjAvWB img {
      vertical-align: middle;
    }

    /*!sc*/
    .jjAvWB .user-content {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      height: 52px;
      width: 100%;
    }

    /*!sc*/
    .jjAvWB .user-content .login-button .avatar-icon {
      width: 40px;
      height: 40px;
      display: block;
    }

    /*!sc*/
    .jjAvWB .user-content .level-icon-1024 {
      display: none;
    }

    /*!sc*/
    .jjAvWB .user-content .user-info {
      padding-left: 12px;
      height: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      color: #fff;
    }

    /*!sc*/
    .jjAvWB .user-content .user-info.one {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
    }

    /*!sc*/
    .jjAvWB .user-content .user-info.two {
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
    }

    /*!sc*/
    .jjAvWB .user-content .user-info .user-name {
      font-size: 14px;
      line-height: 16px;
      vertical-align: middle;
      max-width: 128px;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      word-break: break-word;
      font-weight: bold;
    }

    /*!sc*/
    .jjAvWB .user-content .user-info .user-deadline {
      margin-top: 2px;
      font-size: 12px;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      word-break: break-word;
      color: rgba(255, 255, 255, 0.8);
    }

    /*!sc*/
    .jjAvWB .user-content .user-avatar-wrapper {
      position: relative;
      border: 1px solid rgba(255, 255, 255, 0.49);
      border-radius: 50%;
    }

    /*!sc*/
    .jjAvWB .user-content .user-avatar-wrapper .user-avatar {
      width: 48px;
      height: 48px;
      border-radius: 50%;
      display: block;
    }

    /*!sc*/
    .jjAvWB .level-icon {
      position: absolute;
      right: -2px;
      bottom: 0;
      width: 16px;
      height: 16px;
    }

    /*!sc*/
    @media screen and (min-width:1680px) {
      .jjAvWB {
        padding: 24px 32px;
      }

      .jjAvWB .mask {
        height: 36px;
      }

      .jjAvWB .user-content {
        height: 48px;
      }

      .jjAvWB .user-content .login-button .avatar-icon {
        width: 48px;
        height: 48px;
      }

      .jjAvWB .user-content .user-info .user-name {
        max-width: 196px;
      }
    }

    /*!sc*/
    @media screen and (max-width:1023px) {
      .jjAvWB {
        background-image: url('');
        padding: 22px 24px;
      }

      .jjAvWB .user-content {
        height: 44px;
      }

      .jjAvWB .user-content .user-avatar-wrapper .user-avatar {
        width: 44px;
        height: 44px;
      }
    }

    /*!sc*/
    data-styled.g47[id="style__UserInfoWrapWrapper-sc-1lnoiqg-0"] {
      content: "jjAvWB,"
    }

    /*!sc*/
    .fuDOnQ {
      width: 240px;
      cursor: pointer;
    }

    /*!sc*/
    .fuDOnQ .search-mask {
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: red;
      z-index: -1;
      background: rgba(0, 0, 0, 0.5);
    }

    /*!sc*/
    .fuDOnQ .fix-auto-complete {
      width: 0 !important;
      height: 0 !important;
      border: 0 !important;
    }

    /*!sc*/
    .fuDOnQ .search-box {
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      height: 36px;
      border-radius: 4px;
      box-sizing: border-box;
      z-index: 1;
    }

    /*!sc*/
    .fuDOnQ .search-box * {
      outline: none;
    }

    /*!sc*/
    .fuDOnQ #searchForm {
      width: 100%;
      position: relative;
    }

    /*!sc*/
    .fuDOnQ input {
      width: 240px;
      height: 36px;
      padding: 0 53px 0 12px;
      box-sizing: border-box;
      border-radius: 4px;
      display: block;
      background: rgba(255, 255, 255, 0.2);
      border: none;
      color: rgba(255, 255, 255, 0.6);
      font-size: 14px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    /*!sc*/
    .fuDOnQ input::-webkit-input-placeholder {
      color: rgba(255, 255, 255, 0.4);
    }

    /*!sc*/
    .fuDOnQ .clear-all-btn {
      position: absolute;
      right: 53px;
      top: 10px;
      width: 16px;
      height: 16px;
      background-image: url('static/history_delete.html');
      background-size: 16px 16px;
    }

    /*!sc*/
    .fuDOnQ .search-btn {
      position: absolute;
      right: 11px;
      top: 5px;
      width: 24px;
      height: 24px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
    }

    /*!sc*/
    .fuDOnQ .search-btn:hover svg g {
      fill: #eb1c63;
    }

    /*!sc*/
    .fuDOnQ .line {
      position: absolute;
      right: 44px;
      top: 9px;
      width: 1px;
      height: 16px;
      background: rgba(255, 255, 255, 0.2);
    }

    /*!sc*/
    .fuDOnQ .search-list-container {
      position: absolute;
      left: 0;
      top: 48px;
      width: 100%;
      border: 1px solid rgba(255, 255, 255, 0.12);
      border-radius: 4px;
      overflow: hidden;
      background: #1a1c22;
      padding: 8px 0;
      max-height: 486px;
      box-sizing: border-box;
      overflow-y: scroll;
      -webkit-overflow-scrolling: touch;
      overflow: -moz-scrollbars-none;
    }

    /*!sc*/
    .fuDOnQ .search-list-container::-webkit-scrollbar {
      display: none;
    }

    /*!sc*/
    .fuDOnQ .history-title,
    .fuDOnQ .hotSearch-title {
      position: relative;
      width: 100%;
      height: 32px;
      line-height: 32px;
      font-size: 12px;
      color: #999999;
      padding: 0 16px;
      box-sizing: border-box;
    }

    /*!sc*/
    .fuDOnQ .history-title .trash-btn,
    .fuDOnQ .hotSearch-title .trash-btn {
      position: absolute;
      right: 8px;
      top: 6px;
      width: 16px;
      height: 16px;
      background-size: 16px 16px;
      background-repeat: no-repeat;
      background-image: url('');
    }

    /*!sc*/
    .fuDOnQ .history-title .trash-btn:hover,
    .fuDOnQ .hotSearch-title .trash-btn:hover {
      background-image: url('');
    }

    /*!sc*/
    .fuDOnQ .list-item {
      position: relative;
      padding: 14px 16px;
      font-size: 14px;
      color: #ccc;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      max-height: 60px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }

    /*!sc*/
    .fuDOnQ .list-item.normal {
      padding: 14px 24px 14px 16px;
    }

    /*!sc*/
    .fuDOnQ .list-item.normal p {
      margin-left: 0;
    }

    /*!sc*/
    .fuDOnQ .list-item:hover,
    .fuDOnQ .list-item.select {
      background: rgba(255, 255, 255, 0.08);
    }

    /*!sc*/
    .fuDOnQ .list-item:hover .delete-icon,
    .fuDOnQ .list-item.select .delete-icon {
      display: block;
    }

    /*!sc*/
    .fuDOnQ .list-item:hover p,
    .fuDOnQ .list-item.select p,
    .fuDOnQ .list-item:hover i,
    .fuDOnQ .list-item.select i {
      color: #eb1c63;
    }

    /*!sc*/
    .fuDOnQ .list-item.hotSearch-item i {
      line-height: 14px;
      height: 14px;
      font-weight: 700;
    }

    /*!sc*/
    .fuDOnQ .list-item.hotSearch-item:nth-of-type(1)>i {
      color: #eb1c63;
    }

    /*!sc*/
    .fuDOnQ .list-item.hotSearch-item:nth-of-type(2)>i {
      color: #eb1c63;
    }

    /*!sc*/
    .fuDOnQ .list-item.hotSearch-item:nth-of-type(3)>i {
      color: #eb1c63;
    }

    /*!sc*/
    .fuDOnQ .list-item span {
      color: #e80553;
    }

    /*!sc*/
    .fuDOnQ .list-item p {
      color: #bcbdbe;
      margin-left: 8px;
      min-height: 16px;
      max-height: 32px;
      font-size: 14px;
      line-height: 16px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
    }

    /*!sc*/
    .fuDOnQ .list-item .delete-icon {
      display: block;
      position: absolute;
      right: 8px;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      width: 16px;
      height: 16px;
      background-image: url('');
      background-size: 16px 16px;
    }

    /*!sc*/
    .fuDOnQ .list-item .delete-icon:hover {
      background-image: url('');
    }

    /*!sc*/
    .fuDOnQ .library-tag-container {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      height: 30px;
      overflow: hidden;
      padding: 6px 12px 0;
    }

    /*!sc*/
    .fuDOnQ .library-tag-container .tag-item {
      height: 30px;
      margin-right: 12px;
      margin-bottom: 12px;
      padding: 0 12px;
      font-size: 14px;
      line-height: 30px;
      background: #23252b;
      border-radius: 4px;
    }

    /*!sc*/
    .fuDOnQ .library-tag-container .tag-item:first-child {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }

    /*!sc*/
    .fuDOnQ .library-tag-container .tag-item a {
      display: block;
      max-width: 160px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      color: #ccc;
    }

    /*!sc*/
    .fuDOnQ .library-tag-container .tag-item:last-child {
      margin-right: 0px;
    }

    /*!sc*/
    .fuDOnQ .library-tag-container .tag-item>svg {
      margin-right: 8px;
    }

    /*!sc*/
    .fuDOnQ .library-tag-container .tag-item:hover a {
      color: #fff;
    }

    /*!sc*/
    @media screen and (min-width:1679px) {
      .fuDOnQ .search-list-container {
        top: 54px;
      }
    }

    /*!sc*/
    @media screen and (min-width:1024px) {
      .fuDOnQ .search-box .library-tag-container {
        height: 84px;
      }
    }

    /*!sc*/
    @media screen and (max-width:1023px) {
      .fuDOnQ {
        width: 186px;
      }

      .fuDOnQ input {
        width: 186px;
        padding: 0 60px 0 15px;
      }

      .fuDOnQ .search-list-container {
        width: 240px;
        top: 48px;
        left: -28px;
        right: 0;
        margin: 0 auto;
      }

      .fuDOnQ .search-box .search-container {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 99999;
        background: rgba(34, 34, 34, 0.5);
      }

      .fuDOnQ .search-box .search-container .search-wrapper {
        width: 100%;
        height: 60px;
        background: #1a1c22;
        border: 1px solid #1a1c22;
        box-sizing: border-box;
      }

      .fuDOnQ .search-box .search-container .search-wrapper .search-header {
        position: relative;
        width: 512px;
        margin: 12px auto 0;
      }

      .fuDOnQ .search-box .search-container .search-wrapper .search-header input {
        width: 512px;
        height: 36px;
        background: rgba(0, 0, 0, 0.2);
        border: 1px solid rgba(255, 255, 255, 0.5);
        border-radius: 18px;
      }

      .fuDOnQ .search-box .search-container .search-wrapper .search-header .cancel-btn {
        display: block;
      }

      .fuDOnQ .search-box .search-in {
        display: inline-block;
        width: 32px;
        height: 30px;
        margin-top: 2px;
        border: 1px solid rgba(255, 255, 255, 0.25);
        border-radius: 50%;
        background: url('../../www.iqiyipic.com/common/fix/global/search%402x.html');
        background-color: rgba(0, 0, 0, 0.2);
        background-size: 60% 60%;
        background-repeat: no-repeat;
        background-position: center;
      }

      .fuDOnQ .search-box .search-in:hover {
        background-color: rgba(255, 255, 255, 0.2);
      }

      .fuDOnQ .search-box .search-in:active {
        background-color: #c90449;
      }

      .fuDOnQ .search-box .library-tag-container {
        height: 30px;
        margin-top: 8px;
        margin-bottom: 16px;
      }
    }

    /*!sc*/
    @media screen and (max-width:767px) {
      .fuDOnQ {
        -webkit-flex: 1px;
        -ms-flex: 1px;
        flex: 1px;
        height: 28px;
      }

      .fuDOnQ input {
        width: 100%;
        height: 28px;
        padding: 0 50px 0 12px;
        border: none;
      }

      .fuDOnQ .line {
        top: 7px;
      }

      .fuDOnQ .clear-all-btn {
        top: 6px;
      }

      .fuDOnQ .history-title .trash-btn,
      .fuDOnQ .hotSearch-title .trash-btn {
        right: 16px;
      }

      .fuDOnQ .list-item .delete-icon {
        right: 16px;
      }

      .fuDOnQ .search-list-container {
        top: 44px;
        left: 0;
        border: none;
        width: 100%;
        background: none;
        box-sizing: border-box;
      }

      .fuDOnQ .search-btn {
        top: 2px;
      }

      .fuDOnQ .search-box .search-container {
        width: 100%;
        height: 100%;
        background: #000;
      }

      .fuDOnQ .search-box .search-container .search-wrapper {
        background-color: #000;
        height: 44px;
      }

      .fuDOnQ .search-box .search-container .search-wrapper .search-header {
        padding: 8px 78px 0 16px;
        margin: 0 auto;
        width: 100%;
        box-sizing: border-box;
      }

      .fuDOnQ .search-box .search-container .search-wrapper .search-header #searchForm {
        position: relative;
      }

      .fuDOnQ .search-box .search-container .search-wrapper .search-header input {
        width: 100%;
        height: 28px;
        margin: 0 auto;
        background: rgba(255, 255, 255, 0.16);
        border-radius: 4px;
      }

      .fuDOnQ .search-box .cancel-btn {
        position: absolute;
        right: 0px;
        top: 2px;
        text-align: right;
        font-size: 14px;
        line-height: 16px;
        padding: 14px;
        color: #cccccc;
        outline: none;
      }

      .fuDOnQ .search-box .search-in {
        width: 24px;
        height: 24px;
        background-size: 24px 24px;
        background-color: transparent;
        border: none;
      }

      .fuDOnQ .search-box .library-tag-container.mobile {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-scrollbar-width: none;
        -moz-scrollbar-width: none;
        -ms-scrollbar-width: none;
        scrollbar-width: none;
      }

      .fuDOnQ .search-box .library-tag-container::-webkit-scrollbar {
        height: 0 !important;
      }
    }

    /*!sc*/
    data-styled.g49[id="searchBox__SearchBoxWrapper-sc-b07uwi-0"] {
      content: "fuDOnQ,"
    }

    /*!sc*/
    .cQNDqc {
      position: relative;
    }

    /*!sc*/
    .cQNDqc .hide {
      display: none;
    }

    /*!sc*/
    .cQNDqc:before,
    .cQNDqc:after {
      display: table;
      content: '';
      line-height: 0;
    }

    /*!sc*/
    .cQNDqc:after {
      clear: both;
    }

    /*!sc*/
    .cQNDqc .unlogin-btn {
      display: block;
    }

    /*!sc*/
    .cQNDqc .hover-unlogin-btn {
      display: none;
    }

    /*!sc*/
    .cQNDqc .user-side-wrap {
      height: 70px;
    }

    /*!sc*/
    .cQNDqc .user-side-wrap .user-wrap {
      display: inline-block;
      height: 100%;
    }

    /*!sc*/
    .cQNDqc .user-side-wrap .user-wrap .user-avatar {
      width: 36px;
      height: 36px;
      border-radius: 50%;
      display: block;
      border: 1px solid rgba(255, 255, 255, 0.25);
    }

    /*!sc*/
    .cQNDqc .user-side-wrap .user-wrap .user-info-list {
      position: relative;
      display: block;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -webkit-box-align: 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-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      width: 80px;
      margin-left: 4px;
      height: 100%;
    }

    /*!sc*/
    .cQNDqc .user-side-wrap .user-wrap .user-info-list>span {
      font-size: 12px;
      line-height: 12px;
      color: #fff;
      opacity: 0.8;
    }

    /*!sc*/
    .cQNDqc .user-side-wrap .user-wrap .user-info-list svg:hover g g g g g circle {
      stroke: #c70448;
    }

    /*!sc*/
    .cQNDqc .user-side-wrap .user-wrap .user-info-list .userImg-wrap {
      position: relative;
    }

    /*!sc*/
    .cQNDqc .user-side-wrap .user-wrap .user-info-list .userImg-wrap .level-icon {
      position: absolute;
      right: -2px;
      bottom: 0;
      width: 16px;
      height: 16px;
    }

    /*!sc*/
    .cQNDqc .user-side-wrap .user-wrap .user-info-list .userImg-wrap svg {
      width: 32px;
      height: 32px;
      display: block;
    }

    /*!sc*/
    .cQNDqc .user-side-wrap .user-wrap .user-info-list .userImg-wrap .login-button img {
      display: none;
    }

    /*!sc*/
    .cQNDqc .user-side-wrap .user-wrap .user-info-list:hover .no-login-list {
      display: block;
    }

    /*!sc*/
    .cQNDqc .user-side-wrap .user-wrap .user-info-list:hover svg path {
      fill: #eb1c63;
    }

    /*!sc*/
    .cQNDqc .user-side-wrap .user-wrap .user-info-list:hover>span {
      color: #eb1c63;
      opacity: 1;
    }

    /*!sc*/
    .cQNDqc .user-side-wrap .user-wrap .user-info-list .no-login-list {
      display: none;
      position: absolute;
      left: 50%;
      top: 68px;
      -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
      transform: translate(-50%);
      width: 280px;
      background: #1a1c22;
      border: 1px solid rgba(255, 255, 255, 0.25);
      border-radius: 4px;
    }

    /*!sc*/
    .cQNDqc .user-side-wrap .user-wrap .user-info-list .no-login-list:after {
      display: block;
      box-sizing: border-box;
      content: '';
      z-index: -1;
      height: 12px;
      width: 12px;
      position: absolute;
      top: -1px;
      left: 50%;
      -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
      transform: translate(-50%, -50%) rotate(45deg);
      background-color: #1a1c22;
      border-left: 1px solid rgba(255, 255, 255, 0.25);
      border-top: 1px solid rgba(255, 255, 255, 0.25);
      border-radius: 4px 0px 0px 0px;
    }

    /*!sc*/
    .cQNDqc .user-side-wrap .user-wrap .user-info-list .no-login-list div:nth-child(1) {
      text-align: center;
      padding: 16px;
    }

    /*!sc*/
    .cQNDqc .user-side-wrap .user-wrap .user-info-list .no-login-list div:nth-child(1) p {
      line-height: 18px;
      font-size: 13px;
      color: #a9a9ac;
    }

    /*!sc*/
    .cQNDqc .user-side-wrap .user-wrap .user-info-list .no-login-list div:nth-child(1) span {
      position: relative;
      display: inline-block;
      min-width: 108px;
      padding: 0 12px;
      background: #eb1c63;
      border-radius: 4px;
      line-height: 30px;
      font-size: 13px;
      height: 30px;
      box-sizing: border-box;
      margin-top: 16px;
      outline: none;
    }

    /*!sc*/
    .cQNDqc .user-side-wrap .user-wrap .user-info-list .no-login-list div:nth-child(1) span:hover:after {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: rgba(255, 255, 255, 0.2);
      content: '';
    }

    /*!sc*/
    .cQNDqc .user-side-wrap .user-wrap .user-panel {
      position: absolute;
      background: #1a1c22;
      border: 1px solid #666;
      border-radius: 4px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      top: 68px;
      width: 280px;
      z-index: 1001;
      color: #d7d7d5;
      display: none;
      padding-bottom: 8px;
    }

    /*!sc*/
    .cQNDqc .user-side-wrap .user-wrap .user-panel.show {
      display: block;
    }

    /*!sc*/
    .cQNDqc .user-side-wrap .user-wrap .user-panel li {
      position: relative;
      line-height: 44px;
      font-size: 14px;
      color: #a9a9ac;
      cursor: pointer;
    }

    /*!sc*/
    .cQNDqc .user-side-wrap .user-wrap .user-panel li .avatar-icon {
      display: none;
    }

    /*!sc*/
    .cQNDqc .user-side-wrap .user-wrap .user-panel li a {
      display: block;
      color: #a9a9ac;
      padding-left: 16px;
    }

    /*!sc*/
    .cQNDqc .user-side-wrap .user-wrap .user-panel li a svg {
      vertical-align: middle;
      margin-right: 12px;
      width: 20px;
      height: 20px;
    }

    /*!sc*/
    .cQNDqc .user-side-wrap .user-wrap .user-panel li a svg path {
      fill: #a9a9ac;
    }

    /*!sc*/
    .cQNDqc .user-side-wrap .user-wrap .user-panel li a .arrow-right {
      position: absolute;
      right: 0;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
    }

    /*!sc*/
    .cQNDqc .user-side-wrap .user-wrap .user-panel li:hover {
      background: rgba(216, 216, 216, 0.08);
    }

    /*!sc*/
    .cQNDqc .user-side-wrap .user-wrap .user-panel li:hover a {
      color: #ffffff;
    }

    /*!sc*/
    .cQNDqc .user-side-wrap .user-wrap .user-panel li:hover a svg path {
      fill: #ed1a63;
    }

    /*!sc*/
    .cQNDqc .user-side-wrap .user-wrap .user-panel li:nth-child(2) {
      margin-top: 8px;
    }

    /*!sc*/
    .cQNDqc .user-side-wrap .user-wrap .user-panel .userImg {
      padding: 16px 0 16px 16px;
      background-size: 100%;
      background-image: url('');
      color: #fff;
    }

    /*!sc*/
    .cQNDqc .user-side-wrap .user-wrap .user-panel .userImg a {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
    }

    /*!sc*/
    .cQNDqc .user-side-wrap .user-wrap .user-panel .userImg:hover {
      background-image: url('');
      background-size: 100%;
    }

    /*!sc*/
    .cQNDqc .user-side-wrap .user-wrap .user-panel .userImg .user-avatar-wrapper {
      position: relative;
    }

    /*!sc*/
    .cQNDqc .user-side-wrap .user-wrap .user-panel .userImg .user-avatar-wrapper .user-avatar {
      width: 48px;
      height: 48px;
      border-radius: 50%;
      display: block;
      border: 1px solid rgba(255, 255, 255, 0.25);
    }

    /*!sc*/
    .cQNDqc .user-side-wrap .user-wrap .user-panel .userImg .user-avatar-wrapper .level-icon {
      position: absolute;
      right: 0;
      bottom: 0;
      width: 16px;
      height: 16px;
    }

    /*!sc*/
    .cQNDqc .user-side-wrap .user-wrap .user-panel .userImg .user-info {
      padding-left: 8px;
      height: 48px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -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;
    }

    /*!sc*/
    .cQNDqc .user-side-wrap .user-wrap .user-panel .userImg .user-info>div {
      line-height: 18px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
    }

    /*!sc*/
    .cQNDqc .user-side-wrap .user-wrap .user-panel .userImg .user-info>div img {
      width: 18px;
      height: 18px;
      margin-right: 6px;
      margin-top: 0;
    }

    /*!sc*/
    .cQNDqc .user-side-wrap .user-wrap .user-panel .userImg .user-info .user-name {
      font-size: 16px;
      font-weight: bold;
      line-height: 18px;
      vertical-align: middle;
      max-width: 124px;
      text-overflow: ellipsis;
      display: inline-block;
      overflow: hidden;
      white-space: nowrap;
    }

    /*!sc*/
    .cQNDqc .user-side-wrap .user-wrap .user-panel .userImg .user-info .user-deadline {
      font-size: 12px;
      line-height: 15px;
      margin-top: 8px;
    }

    /*!sc*/
    .cQNDqc .user-side-wrap .user-wrap .user-panel:before {
      display: block;
      box-sizing: border-box;
      content: '';
      z-index: -1;
      height: 12px;
      width: 12px;
      position: absolute;
      top: -2px;
      left: 50%;
      -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
      transform: translate(-50%, -50%) rotate(45deg);
      background-color: #1a1c22;
      border-left: 1px solid rgba(255, 255, 255, 0.25);
      border-top: 1px solid rgba(255, 255, 255, 0.25);
      border-radius: 4px 0px 0px 0px;
    }

    /*!sc*/
    @media screen and (min-width:1680px) {
      .cQNDqc .user-side-wrap .user-wrap {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
      }

      .cQNDqc .user-side-wrap .user-wrap .user-info-list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
      }

      .cQNDqc .user-side-wrap .user-wrap .user-info-list .userImg-wrap .login-button {
        box-sizing: border-box;
        width: 32px;
        height: 32px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
      }

      .cQNDqc .user-side-wrap .user-wrap .user-info-list .userImg-wrap .login-button img {
        display: none;
      }
    }

    /*!sc*/
    @media screen and (max-width:1679px) {
      .cQNDqc .user-side-wrap {
        height: 60px;
      }

      .cQNDqc .user-side-wrap .user-wrap {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
      }

      .cQNDqc .user-side-wrap .user-wrap .user-panel {
        top: 59px;
      }

      .cQNDqc .user-side-wrap .user-wrap .user-info-list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
      }

      .cQNDqc .user-side-wrap .user-wrap .user-info-list .no-login-list {
        top: 59px;
      }

      .cQNDqc .user-side-wrap .user-wrap .user-info-list .userImg-wrap .login-button {
        width: 32px;
        height: 32px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
      }
    }

    /*!sc*/
    @media screen and (max-width:1023px) {
      .cQNDqc .user-side-wrap .user-wrap {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 32px;
        margin-left: 16px;
        position: relative;
      }

      .cQNDqc .user-side-wrap .user-wrap .user-info-list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-left: 0;
      }

      .cQNDqc .user-side-wrap .user-wrap .user-info-list>span {
        display: none;
      }

      .cQNDqc .user-side-wrap .user-wrap .user-info-list .userImg-wrap .login-button {
        width: 30px;
        height: 30px;
        border: none;
      }

      .cQNDqc .user-side-wrap .user-wrap .user-info-list .userImg-wrap .user-avatar {
        width: 22px;
        height: 22px;
        border-radius: 50%;
      }

      .cQNDqc .user-side-wrap .user-wrap .user-info-list .userImg-wrap .level-icon {
        width: 12px;
        height: 12px;
      }
    }

    /*!sc*/
    @media screen and (max-width:767px) {
      .cQNDqc {
        display: none;
      }
    }

    /*!sc*/
    data-styled.g50[id="side__HeaderSide-sc-1svzgz0-0"] {
      content: "cQNDqc,"
    }

    /*!sc*/
    .dCvQOk {
      height: 100%;
      width: 80px;
      margin-left: 16px;
    }

    /*!sc*/
    .dCvQOk .history-and-collect {
      height: 72px;
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      position: relative;
    }

    /*!sc*/
    .dCvQOk .history-and-collect>i {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      box-sizing: border-box;
      -webkit-align-items: center;
      -webkit-box-align: 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-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
    }

    /*!sc*/
    .dCvQOk .history-and-collect>i svg {
      outline: none;
      border-radius: 50%;
    }

    /*!sc*/
    .dCvQOk .history-and-collect>i span {
      font-size: 12px;
      line-height: 12px;
      color: #fff;
      opacity: 0.8;
    }

    /*!sc*/
    .dCvQOk .history-and-collect:hover {
      cursor: pointer;
    }

    /*!sc*/
    .dCvQOk .history-and-collect:hover>i svg path {
      fill: #eb1c63;
    }

    /*!sc*/
    .dCvQOk .history-and-collect:hover>i span {
      color: #eb1c63;
      opacity: 1;
    }

    /*!sc*/
    .dCvQOk .history-and-collect:active {
      background: rgba(0, 0, 0, 0.2);
    }

    /*!sc*/
    .dCvQOk .history-and-collect:active {
      background: rgba(0, 0, 0, 0);
    }

    /*!sc*/
    .dCvQOk .content-box {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      position: absolute;
      border-radius: 4px;
      z-index: 1;
      width: 280px;
      min-height: 202px;
      top: 71px;
      background-color: #1a1c22;
      border: 1px solid rgba(255, 255, 255, 0.25);
      border-radius: 4px 0 4px 0 4px 4px 4px;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
    }

    /*!sc*/
    .dCvQOk .content-box.logined {
      height: 370px;
    }

    /*!sc*/
    .dCvQOk .content-box .tabs {
      display: none !important;
      position: relative;
      box-sizing: border-box;
      height: 48px;
      padding: 0 12px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      border-bottom: 1px solid #37383d;
      opacity: 0;
    }

    /*!sc*/
    .dCvQOk .content-box .tabs i {
      outline: none;
    }

    /*!sc*/
    .dCvQOk .content-box .green-bottom {
      position: absolute;
      height: 2px;
      width: 100%;
      background-color: #eb1c63;
      bottom: 0px;
    }

    /*!sc*/
    .dCvQOk .content-box .left-tabs {
      -webkit-box-pack: left;
      -webkit-justify-content: left;
      -ms-flex-pack: left;
      justify-content: left;
    }

    /*!sc*/
    .dCvQOk .content-box .opaque {
      opacity: 1;
    }

    /*!sc*/
    .dCvQOk .content-box .context-box-space {
      width: 1px;
      height: 10px;
      margin: 0 16px;
      background: #37383d;
    }

    /*!sc*/
    .dCvQOk .content-box .min-margin {
      margin: 0 12px;
    }

    /*!sc*/
    .dCvQOk .content-box .history-tab,
    .dCvQOk .content-box .collect-tab {
      position: relative;
      height: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      font-size: 14px;
      color: #828387;
      text-align: right;
      max-width: 240px;
    }

    /*!sc*/
    .dCvQOk .content-box .history-tab span,
    .dCvQOk .content-box .collect-tab span {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      margin-left: 7.5px;
    }

    /*!sc*/
    .dCvQOk .content-box .history-tab i,
    .dCvQOk .content-box .collect-tab i {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }

    /*!sc*/
    .dCvQOk .content-box .history-tab i svg,
    .dCvQOk .content-box .collect-tab i svg {
      height: 20px;
      width: 20px;
    }

    /*!sc*/
    .dCvQOk .content-box .history-tab:hover,
    .dCvQOk .content-box .collect-tab:hover {
      color: #ffffff;
    }

    /*!sc*/
    .dCvQOk .content-box .history-tab:hover i svg g,
    .dCvQOk .content-box .collect-tab:hover i svg g {
      fill: #ffffff;
    }

    /*!sc*/
    .dCvQOk .content-box .selectTab {
      color: #ececec;
      height: 100%;
    }

    /*!sc*/
    .dCvQOk .content-box .selectTab svg g {
      fill: #ececec;
    }

    /*!sc*/
    .dCvQOk .loading-box {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
    }

    /*!sc*/
    .dCvQOk .loading-box>div {
      margin-top: 0;
    }

    /*!sc*/
    .dCvQOk .content {
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
    }

    /*!sc*/
    .dCvQOk .content-box:after {
      display: block;
      box-sizing: border-box;
      content: '';
      height: 12px;
      width: 12px;
      position: absolute;
      top: -1px;
      left: 50%;
      -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
      transform: translate(-50%, -50%) rotate(45deg);
      background-color: #1a1c22;
      border-left: 1px solid rgba(255, 255, 255, 0.25);
      border-top: 1px solid rgba(255, 255, 255, 0.25);
      border-radius: 4px 0px 0px 0px;
    }

    /*!sc*/
    @media screen and (max-width:1679px) {
      .dCvQOk .history-and-collect {
        height: 60px;
      }

      .dCvQOk .content-box {
        top: 59px;
      }
    }

    /*!sc*/
    @media screen and (max-width:1023px) {
      .dCvQOk {
        width: 32px;
        margin-left: 16px;
      }

      .dCvQOk .history-and-collect i svg {
        border: none;
      }

      .dCvQOk .history-and-collect i span {
        display: none;
      }
    }

    /*!sc*/
    @media screen and (max-width:767px) {
      .dCvQOk {
        display: none;
      }
    }

    /*!sc*/
    data-styled.g55[id="historyAndCollection__StyleWrapper-sc-2g7znw-0"] {
      content: "dCvQOk,"
    }

    /*!sc*/
    .juWQ {
      display: none;
      position: absolute;
      right: 0;
      top: 71px;
    }

    /*!sc*/
    .juWQ:hover {
      display: block;
    }

    /*!sc*/
    .juWQ:after {
      display: block;
      box-sizing: border-box;
      content: '';
      height: 12px;
      width: 12px;
      position: absolute;
      top: 1px;
      right: 15%;
      -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
      transform: translate(-50%, -50%) rotate(45deg);
      background-color: #1a1c22;
      border-left: 1px solid rgba(255, 255, 255, 0.25);
      border-top: 1px solid rgba(255, 255, 255, 0.25);
      border-radius: 4px 0px 0px 0px;
    }

    /*!sc*/
    .juWQ .content {
      width: 280px;
      padding-bottom: 8px;
      background: #1a1c22;
      border: 1px solid rgba(255, 255, 255, 0.25);
      border-radius: 4px;
    }

    /*!sc*/
    .juWQ .name {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 0 16px;
      color: #a9a9ac;
      font-size: 14px;
      height: 44px;
      line-height: 44px;
    }

    /*!sc*/
    .juWQ .name svg path {
      fill: #a9a9ac;
    }

    /*!sc*/
    .juWQ .name:hover {
      color: #f2bf83;
    }

    /*!sc*/
    .juWQ .name:hover svg path {
      fill: #f2bf83;
    }

    /*!sc*/
    .juWQ .privilege-list {
      padding: 0 16px;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
    }

    /*!sc*/
    .juWQ .privilege {
      box-sizing: border-box;
      padding: 12px 0px;
      height: 56px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      border-radius: 4px;
    }

    /*!sc*/
    .juWQ .privilege:hover {
      background: rgba(255, 255, 255, 0.06);
      color: #f2bf83;
    }

    /*!sc*/
    .juWQ .privilege-icon {
      width: 32px;
      height: 32px;
    }

    /*!sc*/
    .juWQ .privilege-text {
      max-height: 28px;
      color: #a9a9ac;
      font-size: 12px;
      line-height: 14px;
      margin-left: 8px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
    }

    /*!sc*/
    .juWQ .join-link {
      margin: 8px 16px;
      height: 36px;
      line-height: 36px;
    }

    /*!sc*/
    .juWQ .codekey {
      display: block;
      text-align: center;
      font-size: 14px;
      height: 44px;
      line-height: 44px;
      margin-top: 8px;
      color: #a9a9ac;
    }

    /*!sc*/
    .juWQ .codekey:hover {
      color: #f2b283;
    }

    /*!sc*/
    @media screen and (max-width:1679px) {
      .juWQ {
        top: 59px;
      }
    }

    /*!sc*/
    data-styled.g57[id="vipPrivileges-sc-eyn44t-0"] {
      content: "juWQ,"
    }

    /*!sc*/
    .hHjSWs {
      display: none;
      position: absolute;
      left: 0;
      bottom: -44px;
      height: 44px;
      width: 100%;
      background: #111319;
    }

    /*!sc*/
    .hHjSWs ul {
      height: 100%;
      width: 100%;
      box-sizing: border-box;
      padding: 0 16px;
      overflow-x: scroll;
      overflow-y: hidden;
      white-space: nowrap;
      -webkit-overflow-scrolling: touch;
      overflow: -moz-scrollbars-none;
    }

    /*!sc*/
    .hHjSWs ul::-webkit-scrollbar {
      display: none;
    }

    /*!sc*/
    .hHjSWs ul li {
      display: inline-block;
      margin-right: 23px;
      height: 100%;
      font-size: 16px;
      line-height: 44px;
    }

    /*!sc*/
    .hHjSWs ul li:last-child {
      margin-right: 0;
    }

    /*!sc*/
    .hHjSWs ul li a {
      color: rgba(255, 255, 255, 0.6);
    }

    /*!sc*/
    .hHjSWs ul li a.selected {
      color: #ececec;
      font-weight: 700;
    }

    /*!sc*/
    .hHjSWs ul li:hover a {
      color: #eb1c63;
    }

    /*!sc*/
    @media screen and (max-width:767px) {
      .hHjSWs {
        display: block;
      }
    }

    /*!sc*/
    data-styled.g58[id="subChannel__SubChannelWrapper-sc-1rjn4bn-0"] {
      content: "hHjSWs,"
    }

    /*!sc*/
    .cdECUJ {
      z-index: auto;
      width: 100%;
      top: 0;
      vertical-align: middle;
      background: #0a0c0f;
      border-top: 1px solid #2d2f34;
      -webkit-transition: background-color 0.5s linear;
      transition: background-color 0.5s linear;
      color: #ddd;
      font-size: 14px;
      text-align: center;
      position: relative;
      padding-bottom: 40px;
      margin: 56px 0 0 0;
    }

    /*!sc*/
    .cdECUJ.footer-fixed {
      -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
      transform: translateY(100%);
      overflow: hidden;
      -webkit-transition: -webkit-transform 0.3s, height 0.2s;
      -webkit-transition: transform 0.3s, height 0.2s;
      transition: transform 0.3s, height 0.2s;
      position: fixed;
      display: block;
      height: 50px;
      box-sizing: border-box;
      top: auto;
      bottom: 0px;
      padding-bottom: 0px;
      border-top: 1px solid #30343d;
    }

    /*!sc*/
    .cdECUJ.footer-fixed .lang-show {
      display: none;
    }

    /*!sc*/
    .cdECUJ.footer-fixed .footer-line-top {
      height: 0px;
    }

    /*!sc*/
    .cdECUJ.footer-fixed .footer-inner {
      border-top: 0px;
    }

    /*!sc*/
    .cdECUJ.footer-fixed .get-app,
    .cdECUJ.footer-fixed .get-app-h5,
    .cdECUJ.footer-fixed .copy {
      display: none;
    }

    /*!sc*/
    .cdECUJ.footer-fixed .multiport-show {
      display: none;
    }

    /*!sc*/
    .cdECUJ.footer-fixed .help-center {
      margin: 0;
      padding-top: 20px;
      padding-bottom: 20px;
      -webkit-align-items: flex-start;
      -webkit-box-align: flex-start;
      -ms-flex-align: flex-start;
      align-items: flex-start;
    }

    /*!sc*/
    .cdECUJ.footer-fixed .help-center .item-block>h3 {
      font-size: 14px;
      line-height: 16px;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
    }

    /*!sc*/
    .cdECUJ.footer-fixed .help-center .item-block>ul>li {
      line-height: 16px;
      font-size: 14px;
    }

    /*!sc*/
    .cdECUJ.footer-fixed .help-center .item-block>ul>li:not(:first-child) {
      margin-top: 12px;
    }

    /*!sc*/
    .cdECUJ.footer-fixed:hover .help-center .item-block>h3 {
      white-space: normal;
    }

    /*!sc*/
    .cdECUJ .get-app-one {
      display: none;
    }

    /*!sc*/
    .cdECUJ.transformNormal {
      -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
      transform: translateY(0px);
    }

    /*!sc*/
    .cdECUJ.transformHidden {
      -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
      transform: translateY(100%);
    }

    /*!sc*/
    .cdECUJ .footer-inner {
      width: 904px;
      height: 100%;
      margin: 0 auto;
      position: relative;
    }

    /*!sc*/
    .cdECUJ .multiport-show .multiport-title {
      font-size: 20px;
      line-height: 20px;
      color: #ffffff;
      text-align: center;
      font-weight: 700;
      margin-top: 32px;
    }

    /*!sc*/
    .cdECUJ .multiport-show .multiport-desc {
      line-height: 12px;
      font-size: 12px;
      color: #a9a9ac;
      font-weight: 400;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      height: 12px;
      line-height: 24px;
      margin-top: 16px;
    }

    /*!sc*/
    .cdECUJ .multiport-show .multiport-desc-search {
      margin-right: 8.5px;
    }

    /*!sc*/
    .cdECUJ .multiport-show .multiport-content {
      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;
      margin: 32px auto;
    }

    /*!sc*/
    .cdECUJ .multiport-show .multiport-content>div {
      background: #23252b;
      border-radius: 4px;
      min-width: 160px;
      padding: 8px 12px;
      box-sizing: border-box;
      cursor: pointer;
    }

    /*!sc*/
    .cdECUJ .multiport-show .multiport-content .multiport-computer {
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
    }

    /*!sc*/
    .cdECUJ .multiport-show .multiport-content .multiport-computer>span {
      margin-left: 4px;
    }

    /*!sc*/
    .cdECUJ .multiport-show .multiport-content .multiport-computer .multiport-computer-popup-outer-box {
      display: none;
      position: absolute;
      top: 36px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      padding-top: 20px;
    }

    /*!sc*/
    .cdECUJ .multiport-show .multiport-content .multiport-computer .multiport-computer-popup {
      min-width: 115px;
      height: 40px;
      background: #37383d;
      line-height: 40px;
      font-size: 14px;
      color: #ececec;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      font-weight: 600;
      white-space: nowrap;
      padding: 0 12px;
      border: 1px solid #5d5e62;
      border-radius: 4px;
    }

    /*!sc*/
    .cdECUJ .multiport-show .multiport-content .multiport-computer-show {
      background: #37383d;
    }

    /*!sc*/
    .cdECUJ .multiport-show .multiport-content .multiport-computer-show .multiport-computer-popup-outer-box {
      display: block;
      z-index: 99;
    }

    /*!sc*/
    .cdECUJ .multiport-show .multiport-content .multiport-phone {
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
    }

    /*!sc*/
    .cdECUJ .multiport-show .multiport-content .multiport-phone>span {
      margin-left: 4px;
    }

    /*!sc*/
    .cdECUJ .multiport-show .multiport-content .multiport-phone .multiport-phone-popup-outer-box {
      display: none;
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
    }

    /*!sc*/
    .cdECUJ .multiport-show .multiport-content .multiport-phone .multiport-phone-popup {
      background: #37383d;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      padding: 16px;
      z-index: 999;
      border: 1px solid #5d5e62;
      border-radius: 4px;
    }

    /*!sc*/
    .cdECUJ .multiport-show .multiport-content .multiport-phone .multiport-phone-popup .left,
    .cdECUJ .multiport-show .multiport-content .multiport-phone .multiport-phone-popup .right {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }

    /*!sc*/
    .cdECUJ .multiport-show .multiport-content .multiport-phone .multiport-phone-popup .goole-img,
    .cdECUJ .multiport-show .multiport-content .multiport-phone .multiport-phone-popup .app-store-img {
      width: 120px;
      height: 32px;
      margin-bottom: 12px;
    }

    /*!sc*/
    .cdECUJ .multiport-show .multiport-content .multiport-phone .multiport-phone-popup .qr-code1 {
      height: 88px;
      width: 88px;
    }

    /*!sc*/
    .cdECUJ .multiport-show .multiport-content .multiport-phone .multiport-phone-popup .right {
      margin-left: 12px;
    }

    /*!sc*/
    .cdECUJ .multiport-show .multiport-content .multiport-phone-show {
      background: #37383d;
    }

    /*!sc*/
    .cdECUJ .multiport-show .multiport-content .multiport-phone-show .multiport-phone-popup-outer-box {
      display: block;
      z-index: 99;
    }

    /*!sc*/
    .cdECUJ .multiport-show .multiport-content .multiport-tv {
      margin: 0px 120px;
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
    }

    /*!sc*/
    .cdECUJ .multiport-show .multiport-content .multiport-tv>span {
      margin-left: 4px;
    }

    /*!sc*/
    .cdECUJ .multiport-show .multiport-content .multiport-tv-show {
      background: #37383d !important;
    }

    /*!sc*/
    .cdECUJ .multiport-show .multiport-content .multiport-tv-show .multiport-tv-popup-outer-box {
      display: block;
      z-index: 99;
    }

    /*!sc*/
    .cdECUJ .multiport-show .multiport-content .multiport-tv-popup-outer-box {
      display: none;
      position: absolute;
      top: 36px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      padding-top: 20px;
    }

    /*!sc*/
    .cdECUJ .multiport-show .multiport-content .multiport-tv-popup {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      background: #37383d;
      position: relative;
      padding: 16px;
      width: 286px;
      box-sizing: border-box;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: space-around;
      -webkit-justify-content: space-around;
      -ms-flex-pack: space-around;
      justify-content: space-around;
      border: 1px solid #5d5e62;
      border-radius: 4px;
    }

    /*!sc*/
    .cdECUJ .multiport-show .multiport-content .multiport-tv-popup>div {
      width: 120px;
      height: 32px;
    }

    /*!sc*/
    .cdECUJ .multiport-show .multiport-content .multiport-tv-popup>div img {
      width: 100%;
      height: 100%;
    }

    /*!sc*/
    .cdECUJ .multiport-show .multiport-content .multiport-tv-popup .multiport-tv-mode-item0,
    .cdECUJ .multiport-show .multiport-content .multiport-tv-popup .multiport-tv-mode-item1 {
      margin-bottom: 12px;
    }

    /*!sc*/
    .cdECUJ .multiport-show .multiport-content-h5 {
      margin: 24px 15px;
      padding: 0 33px;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
    }

    /*!sc*/
    .cdECUJ .multiport-show .multiport-content-h5 .multiport-phone {
      -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      margin-bottom: 16px;
    }

    /*!sc*/
    .cdECUJ .multiport-show .multiport-content-h5 .multiport-tv {
      margin: 0px !important;
    }

    /*!sc*/
    .cdECUJ .multiport-show .multiport-content-h5 .multiport-tv,
    .cdECUJ .multiport-show .multiport-content-h5 .multiport-computer {
      min-width: 100px;
      -webkit-flex-basis: 48%;
      -ms-flex-preferred-size: 48%;
      flex-basis: 48%;
    }

    /*!sc*/
    .cdECUJ .multiport-show .multiport-content-h5 .multiport-tv-popup-outer-box {
      left: 0;
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
    }

    /*!sc*/
    .cdECUJ .multiport-show .multiport-content-h5 .multiport-tv-popup::after {
      left: 66px;
    }

    /*!sc*/
    .cdECUJ .multiport-tv-popup::after,
    .cdECUJ .multiport-computer-popup::after,
    .cdECUJ .multiport-phone-popup::after {
      display: block;
      box-sizing: border-box;
      content: '';
      z-index: 1;
      height: 12px;
      width: 12px;
      position: absolute;
      top: -1px;
      left: 50%;
      -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
      transform: translate(-50%, -50%) rotate(45deg);
      background-color: #37383d;
      border-left: 1px solid rgba(255, 255, 255, 0.25);
      border-top: 1px solid rgba(255, 255, 255, 0.25);
      border-radius: 4px 0px 0px 0px;
    }

    /*!sc*/
    .cdECUJ .multiport-computer-popup::after,
    .cdECUJ .multiport-phone-popup::after {
      top: 20px;
    }

    /*!sc*/
    .cdECUJ .footer-other-and-lan {
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
    }

    /*!sc*/
    .cdECUJ .footer-other-and-lan .help-center {
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }

    /*!sc*/
    .cdECUJ .footer-other-and-lan .lang-show {
      margin-left: 130px;
      margin-top: 32px;
    }

    /*!sc*/
    .cdECUJ .copy {
      margin-top: 20px;
      text-align: center;
      font-family: 'Kanit';
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
    }

    /*!sc*/
    .cdECUJ .copy .copyright {
      font-size: 12px;
      line-height: 16px;
      font-weight: 300;
      color: #9b9b9b;
      text-align: left;
      margin: 0 auto;
    }

    /*!sc*/
    .cdECUJ .copy .copyright:nth-child(2) {
      margin: 10px auto 0px auto;
      padding-bottom: 16px;
    }

    /*!sc*/
    .cdECUJ .copy .copyright:nth-child(2) a {
      color: #9b9b9b;
    }

    /*!sc*/
    .cdECUJ .copy .copyright:nth-child(2) a:hover,
    .cdECUJ .copy .copyright:nth-child(2) a:active {
      color: #eb1c63;
      cursor: pointer;
    }

    /*!sc*/
    .cdECUJ .get-app {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-align-items: flex-end;
      -webkit-box-align: flex-end;
      -ms-flex-align: flex-end;
      align-items: flex-end;
      height: 40px;
      margin: 0 auto;
      min-width: 122px;
      margin-left: 62px;
    }

    /*!sc*/
    .cdECUJ .right a {
      margin-right: 16px;
      display: inline-block;
      width: 30px;
      height: 30px;
    }

    /*!sc*/
    .cdECUJ .right a:last-child {
      margin-right: 0;
    }

    /*!sc*/
    .cdECUJ .right a.a-facebook {
      background: url('../img/icons8-facebook-60.png') no-repeat;
      background-size: cover;
    }

    /*!sc*/
    .cdECUJ .right a.a-facebook:hover {
      background: url('../img/icons8-facebook-60.png') no-repeat;
      background-size: cover;
    }

    /*!sc*/
    .cdECUJ .right a.a-ins {
      background: url('../img/icons8-line-60.png') no-repeat;
      background-size: cover;
    }

    /*!sc*/
    .cdECUJ .right a.a-ins:hover {
      background: url('../img/icons8-line-60.png') no-repeat;
      background-size: cover;
    }

    /*!sc*/
    .cdECUJ .right a.a-twitter {
      background: url('../img/icons8-youtube-60.png') no-repeat;
      background-size: cover;
    }

    /*!sc*/
    .cdECUJ .right a.a-twitter:hover {
      background: url('../img/icons8-youtube-60.png') no-repeat;
      background-size: cover;
    }

    /*!sc*/


    /*!sc*/
    .cdECUJ .footer-line-top {
      height: 1px;
      background-color: #333333;
      margin: 0 auto;
    }

    /*!sc*/
    .cdECUJ .footer-download-tips {
      width: 100%;
      margin-left: -16px;
    }

    /*!sc*/
    .cdECUJ .footer-donwload-img-wrapper {
      width: 284px;
      margin: 0 auto;
      background: #1a1c22;
      border-radius: 2px;
      border: 1px solid #37383d;
    }

    /*!sc*/
    .cdECUJ .footer-donwload-img {
      width: 48px;
    }

    /*!sc*/
    .cdECUJ .footer-download-title {
      margin-top: 6px;
      font-size: 12px;
      color: #ececec;
      text-align: center;
    }

    /*!sc*/
    .cdECUJ .help-center {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin: 20px 0;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
    }

    /*!sc*/
    .cdECUJ .help-center .item-block {
      width: auto;
      max-width: 160px;
      text-align: left;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      word-break: break-word;
    }

    /*!sc*/
    .cdECUJ .help-center h3 {
      font-size: 14px;
      line-height: 19px;
      color: #dddddd;
      margin-top: 0;
    }

    /*!sc*/
    .cdECUJ .help-center li {
      line-height: 16px;
      font-size: 13px;
      margin-top: 12px;
    }

    /*!sc*/
    .cdECUJ .help-center li a {
      color: #ffffff;
    font-size: larger;
    }

    /*!sc*/
    .cdECUJ .help-center li a:hover {
      color: #c70448;
    }

    /*!sc*/
    .cdECUJ .help-center li:first-of-type {
      margin-top: 16px;
    }

    /*!sc*/
    .cdECUJ .get-app-h5 {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin: 24px 0 20px 0;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }

    /*!sc*/
    .cdECUJ .get-app-h5 .get-apple-app {
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
      justify-content: flex-end;
    }

    /*!sc*/
    .cdECUJ .get-app-h5 .get-google-app,
    .cdECUJ .get-app-h5 .get-apple-app {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 264px;
      height: 82px;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin-right: 16px;
    }

    /*!sc*/
    .cdECUJ .get-app-h5 .get-google-app:hover .get-app-code,
    .cdECUJ .get-app-h5 .get-apple-app:hover .get-app-code {
      opacity: 1;
    }

    /*!sc*/
    .cdECUJ .get-app-h5 .get-google-app .get-app-img,
    .cdECUJ .get-app-h5 .get-apple-app .get-app-img {
      width: 134px;
      height: 46px;
    }

    /*!sc*/
    .cdECUJ .get-app-h5 .get-google-app .get-app-img.mg-left-74,
    .cdECUJ .get-app-h5 .get-apple-app .get-app-img.mg-left-74 {
      margin-left: 74px;
    }

    /*!sc*/
    .cdECUJ .get-app-h5 .get-google-app .get-app-code,
    .cdECUJ .get-app-h5 .get-apple-app .get-app-code {
      box-sizing: border-box;
      width: 120px;
      height: 120px;
      opacity: 0;
      border: 2px solid #ffffff;
    }

    /*!sc*/
    .cdECUJ .get-app-h5.mobile .get-google-app:hover .get-app-code,
    .cdECUJ .get-app-h5.mobile .get-apple-app:hover .get-app-code {
      opacity: 0;
    }

    /*!sc*/
    .cdECUJ .agreement-notice {
      position: fixed;
      z-index: 1000;
      background-color: #e6faeb;
      bottom: 0;
      width: 100%;
      font-family: PingFangSC-Regular;
      font-size: 12px;
      color: #101010;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      line-height: 20px;
      padding: 24px 30px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
    }

    /*!sc*/
    .cdECUJ .agreement-notice .agree-msg {
      text-align: left;
      margin-right: 40px;
      width: 100%;
    }

    /*!sc*/
    .cdECUJ .agreement-notice .agree-msg a {
      color: #e80553;
    }

    /*!sc*/
    .cdECUJ .agreement-notice .agree-btn {
      cursor: pointer;
      display: inline-block;
      background: #c90449;
      border-radius: 4px;
      border-radius: 4px;
      font-family: PingFangSC-Medium;
      font-size: 16px;
      color: #ffffff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      line-height: 18px;
      text-align: center;
      padding: 11px 0;
      width: 150px;
      margin-right: 60px;
    }

    /*!sc*/
    .cdECUJ .download-new-wrapper {
      position: absolute;
      top: 48px;
      left: -100px;
      background-color: #37383d;
      border: 1px solid rgba(255, 255, 255, 0.25);
      border-radius: 3.6px;
      z-index: 110;
      margin-top: 8px;
    }

    /*!sc*/
    .cdECUJ .download-new-wrapper:after {
      display: block;
      box-sizing: border-box;
      content: '';
      z-index: -1;
      height: 12px;
      width: 12px;
      position: absolute;
      top: -1px;
      left: 50%;
      -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
      transform: translate(-50%, -50%) rotate(45deg);
      background-color: #37383d;
      border-left: 1px solid rgba(255, 255, 255, 0.25);
      border-top: 1px solid rgba(255, 255, 255, 0.25);
      border-radius: 4px 0px 0px 0px;
    }

    /*!sc*/
    .cdECUJ .download-new-wrapper .download-new-content-wrapper {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 298px;
      padding: 16px;
      box-sizing: border-box;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
    }

    /*!sc*/
    .cdECUJ .download-new-wrapper .download-new-content-wrapper .download-new-content-left {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: stretch;
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
      justify-content: flex-end;
    }

    /*!sc*/
    .cdECUJ .download-new-wrapper .download-new-content-wrapper .download-new-content-left .header-new-download-wrapper {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
    }

    /*!sc*/
    .cdECUJ .download-new-wrapper .download-new-content-wrapper .download-new-content-left .header-new-download-wrapper.testtip {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
    }

    /*!sc*/
    .cdECUJ .download-new-wrapper .download-new-content-wrapper .download-new-content-left .header-new-download-wrapper.testtip .header-new-download-item {
      margin-bottom: 8px;
    }

    /*!sc*/
    .cdECUJ .download-new-wrapper .download-new-content-wrapper .download-new-content-left .header-new-download-wrapper .header-new-download-item {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      min-width: 130px;
      text-align: left;
      margin-bottom: 12px;
    }

    /*!sc*/
    .cdECUJ .download-new-wrapper .download-new-content-wrapper .download-new-content-left .header-new-download-wrapper .header-new-download-item:last-child {
      margin-bottom: 0 !important;
    }

    /*!sc*/
    .cdECUJ .download-new-wrapper .download-new-content-wrapper .download-new-content-left .header-new-download-wrapper .download-new-item-icon {
      width: 20px;
      height: 20px;
    }

    /*!sc*/
    .cdECUJ .download-new-wrapper .download-new-content-wrapper .download-new-content-left .header-new-download-wrapper .download-new-item-icon>svg {
      width: 20px;
      height: 20px;
      margin-left: 0;
    }

    /*!sc*/
    .cdECUJ .download-new-wrapper .download-new-content-wrapper .download-new-content-left .header-new-download-wrapper .free-vip-title {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      min-width: 130px;
      text-align: left;
      font-size: 13px;
      color: #f2bf83;
      font-weight: 700;
    }

    /*!sc*/
    .cdECUJ .download-new-wrapper .download-new-content-wrapper .download-new-content-left .header-new-download-wrapper .header-vip_tips {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      min-width: 130px;
      text-align: left;
      font-size: 12px;
      color: #838486;
      font-weight: 400;
    }

    /*!sc*/
    .cdECUJ .download-new-wrapper .download-new-content-wrapper .download-new-content-left .header-new-download-wrapper .header-new-download-item-title {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      overflow: hidden;
      -webkit-box-orient: vertical;
      margin-left: 6px;
      font-size: 12px;
      color: #ececec;
      line-height: 16px;
    }

    /*!sc*/
    .cdECUJ .download-new-wrapper .download-new-content-wrapper .download-new-content-right {
      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-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      width: 90px;
      margin-left: 12px;
    }

    /*!sc*/
    .cdECUJ .download-new-wrapper .download-new-content-wrapper .download-new-img {
      width: 88px;
      height: 88px;
      border-radius: 2px;
    }

    /*!sc*/
    .cdECUJ .download-new-wrapper .download-new-content-wrapper .download-new-title {
      width: 100%;
      font-size: 10px;
      color: #a9a9ac;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      text-align: center;
      line-height: 14px;
      margin-top: 4px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    /*!sc*/
    @media screen and (min-width:1680px) {
      .cdECUJ.footer-fixed {
        height: 80px;
        box-sizing: border-box;
        overflow: hidden;
      }

      .cdECUJ.footer-fixed .help-center {
        margin-top: 0px;
        padding-top: 30px;
        padding-bottom: 30px;
        -webkit-align-items: flex-start;
        -webkit-box-align: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start;
      }

      .cdECUJ.footer-fixed .help-center .item-block>h3 {
        font-size: 16px;
        line-height: 20px;
      }

      .cdECUJ.footer-fixed .help-center .item-block>ul>li:not(:first-child) {
        margin-top: 12px;
      }

      .cdECUJ.footer-fixed .help-center .item-block>ul>li:first-child {
        margin-top: 30px;
      }

      .cdECUJ.footer-fixed:hover .help-center .item-block>ul>li:first-child {
        margin-top: 16px;
      }

      .cdECUJ .footer-inner {
        width: 1180px;
      }

      .cdECUJ .help-center {
        margin: 0px 0 0 0;
      }

      .cdECUJ .help-center h3 {
        line-height: 16px;
        margin-top: 0;
      }

      .cdECUJ .help-center li {
        line-height: 16px;
        margin-top: 16px;
      }

      .cdECUJ .help-center li:first-of-type {
        margin-top: 20px;
      }

      .cdECUJ .get-app-h5 {
        margin: 30px 0 20px 0;
      }

      .cdECUJ .copy .copyright:nth-child(2) {
        margin: 10px auto 0px auto;
        padding-bottom: 16px;
      }

      .cdECUJ .get-app {
        height: 40px;
      }

      .cdECUJ .agreement-notice {
        padding: 30px;
      }
    }

    /*!sc*/
    @media screen and (min-width:768px) and (max-width:1023px) {
      .cdECUJ .copy {
        margin-top: 0;
      }

      .cdECUJ .copy .copyright {
        color: #999;
        max-width: 600px;
      }

      .cdECUJ .copy .copyright:nth-child(2) {
        margin: 10px auto 0 auto;
        padding-bottom: 16px;
      }

      .cdECUJ .get-google-app,
      .cdECUJ .get-apple-app {
        width: 211px;
      }

      .cdECUJ .get-google-app .get-app-img,
      .cdECUJ .get-apple-app .get-app-img {
        width: 119px;
        height: 39px;
      }

      .cdECUJ .get-app {
        height: 36px;
      }

      .cdECUJ .get-app-one {
        position: absolute;
        right: 0;
        top: 24px;
      }

      .cdECUJ .help-center {
        margin-top: 62px;
        margin-bottom: 0;
      }

      .cdECUJ .footer-other-and-lan {
        margin: 0;
      }
    }

    /*!sc*/
    @media screen and (max-width:1023px) {
      .cdECUJ .multiport-show .multiport-content {
        margin: 24px 50px;
      }

      .cdECUJ .multiport-show .multiport-content-h5 {
        margin: 24px 15px;
      }

      .cdECUJ .multiport-show .multiport-content-h5 .multiport-tv,
      .cdECUJ .multiport-show .multiport-content-h5 .multiport-computer {
        min-width: 100px;
        -webkit-flex-basis: 48%;
        -ms-flex-preferred-size: 48%;
        flex-basis: 48%;
      }

      .cdECUJ .get-app-one {
        display: block;
      }

      .cdECUJ .get-app-two {
        display: none;
      }

      .cdECUJ .footer-other-and-lan {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 24px 0;
        border-top: 1px solid rgba(255, 255, 255, 0.12);
      }

      .cdECUJ .footer-other-and-lan .lang-show {
        margin-left: 0;
        margin-top: 0;
      }

      .cdECUJ .copy .copyright {
        max-width: 100% !important;
        margin: 0 auto;
      }

      .cdECUJ .copy-h5 {
        margin: 0 15px;
      }

      .cdECUJ .copy-h5 .copyright:nth-child(2) {
        padding-bottom: 0px !important;
        margin-bottom: 0px !important;
      }

      .cdECUJ .footer-other-and-lan-h5 {
        margin: 0 15px;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
      }

      .cdECUJ .footer-other-and-lan-h5 .lang-show {
        max-width: 150px;
      }

      .cdECUJ .footer-other-and-lan-h5 .get-app-one {
        margin-top: 20px;
      }

      .cdECUJ .footer-other-and-lan-h5 .get-app-one .get-app {
        margin-left: 0px;
      }

      .cdECUJ .footer-other-and-lan-h5 .get-app-one .get-app .right>a {
        margin: 0 20px;
      }

      .cdECUJ .footer-line-top {
        display: none;
      }

      .cdECUJ .footer-inner {
        width: 668px;
      }

      .cdECUJ .get-app-h5 {
        margin-top: 24px;
      }

      .cdECUJ .right img {
        opacity: 1;
      }
    }

    /*!sc*/
    @media screen and (max-width:1024px) {
      .cdECUJ .multiport-show .multiport-content .multiport-tv {
        margin: 0 40px;
      }

      .cdECUJ .multiport-show .multiport-content .multiport-computer .multiport-computer-popup {
        font-size: 12px;
      }
    }

    /*!sc*/
    @media screen and (max-width:768px) {
      .cdECUJ .multiport-show .multiport-title {
        font-size: 18px;
        margin-top: 24px;
      }

      .cdECUJ .multiport-show .multiport-content {
        margin: 24px 15px;
        padding: 0 33px;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
      }

      .cdECUJ .multiport-show .multiport-content .multiport-phone {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-bottom: 16px;
      }

      .cdECUJ .multiport-show .multiport-content .multiport-tv {
        margin: 0px !important;
      }

      .cdECUJ .multiport-show .multiport-content .multiport-tv,
      .cdECUJ .multiport-show .multiport-content .multiport-computer {
        min-width: 100px;
        -webkit-flex-basis: 48%;
        -ms-flex-preferred-size: 48%;
        flex-basis: 48%;
      }

      .cdECUJ .multiport-show .multiport-content .multiport-tv-popup-outer-box {
        left: 0;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
      }

      .cdECUJ .multiport-show .multiport-content .multiport-tv-popup::after {
        left: 66px;
      }
    }

    /*!sc*/
    @media screen and (max-width:767px) {
      .cdECUJ {
        padding-bottom: 20px;
      }

      .cdECUJ .get-app-one {
        display: block;
      }

      .cdECUJ .footer-other-and-lan {
        margin: 0 50px;
      }

      .cdECUJ .copy {
        margin: 16px 50px 0;
      }

      .cdECUJ .footer-inner {
        width: 100%;
      }

      .cdECUJ .footer-inner .get-app {
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto;
        padding: 0;
      }

      .cdECUJ .footer-inner .get-app .right>a {
        margin: 0 8px;
      }

      .cdECUJ .footer-inner .get-app .footer-line-top {
        display: none;
      }

      .cdECUJ .footer-inner .get-app-h5 {
        margin: 20px -15px 16px 0;
      }

      .cdECUJ .footer-inner .get-app-h5 .get-google-app,
      .cdECUJ .footer-inner .get-app-h5 .get-apple-app {
        width: 170px;
        margin-right: 15px;
      }

      .cdECUJ .footer-inner .get-app-h5 .get-google-app .get-app-img,
      .cdECUJ .footer-inner .get-app-h5 .get-apple-app .get-app-img {
        width: 96px;
        height: 32px;
      }

      .cdECUJ .footer-inner .get-app-h5 .get-google-app .get-app-code,
      .cdECUJ .footer-inner .get-app-h5 .get-apple-app .get-app-code {
        width: 70px;
        height: 70px;
      }

      .cdECUJ .footer-inner .get-app-h5.mobile .get-google-app,
      .cdECUJ .footer-inner .get-app-h5.mobile .get-apple-app {
        height: 32px;
      }

      .cdECUJ .help-center {
        display: none;
      }

      .cdECUJ .copy .copyright {
        line-height: 14px;
        color: #9b9b9b;
        font-size: 10px;
      }

      .cdECUJ .copy .copyright:nth-child(2) {
        margin: 10px auto 20px auto;
      }

      .cdECUJ .agreement-notice {
        display: block;
        padding: 15px;
      }

      .cdECUJ .agreement-notice .agree-msg {
        width: calc(100% - 30px);
        overflow-x: hidden;
        overflow-y: auto;
        max-height: 124px;
      }

      .cdECUJ .agreement-notice .agree-msg::-webkit-scrollbar {
        display: none;
      }

      .cdECUJ .agreement-notice .agree-btn {
        margin-right: 15px;
        width: calc(100% - 30px);
        margin-left: -15px;
        margin-top: 10px;
      }
    }

    /*!sc*/
    @media screen and (min-width:481px) and (max-width:767px) {
      .cdECUJ .copy .copyright {
        max-width: 556px;
        -webkit-transform-origin: left;
        -ms-transform-origin: left;
        transform-origin: left;
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
      }
    }

    /*!sc*/
    @media screen and (max-width:480px) {
      .cdECUJ .copy-h5 .copyright {
        padding: 0px;
        text-align: center;
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
      }
    }

    /*!sc*/
    @media screen and (min-width:768px) and (max-width:1679px) {
      .cdECUJ {
        padding-bottom: 30px;
      }
    }

    /*!sc*/
    data-styled.g62[id="style__FooterWrapper-sc-911hl5-0"] {
      content: "cdECUJ,"
    }

    /*!sc*/
    .eZxQtH .desktop-type.lang-show:hover .lang-list,
    .eZxQtH .mobile-type.lang-show.show .lang-list {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      opacity: 1;
    }

    /*!sc*/
    .eZxQtH .touch-cover {
      position: relative;
    }

    /*!sc*/
    .eZxQtH .up-arrow {
      display: none;
    }

    /*!sc*/
    .eZxQtH .down-arrow {
      display: inline-block;
    }

    /*!sc*/
    .eZxQtH .lang-show {
      height: 30px;
      border: 1px solid #9b9b9b;
      border-radius: 4px;
      position: relative;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      line-height: 35px;
      text-align: left;
      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-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      color: #fff;
      padding: 0 10px;
    }

    /*!sc*/
    .eZxQtH .lang-show .lang-icon {
      width: 16px;
      height: 16px;
      margin-right: 6px;
    }

    /*!sc*/
    .eZxQtH .lang-show .current-lang {
      font-size: 12px;
      margin-right: 4px;
    }

    /*!sc*/
    .eZxQtH .lang-show .wrap-arrow {
      display: inline-block;
      width: 20px;
      height: 20px;
      text-align: center;
      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-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }

    /*!sc*/
    .eZxQtH .lang-show .wrap-arrow .arrow {
      display: inline-block;
      width: 16px;
      height: 16px;
      margin: auto;
    }

    /*!sc*/
    .eZxQtH .lang-show .wrap-arrow .arrow img {
      width: 100%;
      height: 100%;
    }

    /*!sc*/
    .eZxQtH .lang-list {
      margin-top: 10px;
      background: #37383d;
      border-radius: 4px;
      position: absolute;
      z-index: 999;
      text-align: center;
      top: 100%;
      right: 0;
      padding: 12px 0 24px 0;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
      -webkit-transform: scale(1, 0);
      -ms-transform: scale(1, 0);
      transform: scale(1, 0);
      -webkit-transform-origin: 50% 0;
      -ms-transform-origin: 50% 0;
      transform-origin: 50% 0;
      opacity: 0;
      top: auto;
      bottom: 120%;
      -webkit-transform-origin: 50% 100%;
      -ms-transform-origin: 50% 100%;
      transform-origin: 50% 100%;
    }

    /*!sc*/
    .eZxQtH .lang-list .lang-item {
      overflow: visible;
      white-space: nowrap;
      text-align: left;
    }

    /*!sc*/
    .eZxQtH .lang-list ul {
      max-height: 292px;
      display: grid;
      grid-auto-flow: column;
      grid-template-rows: repeat(8, auto);
    }

    /*!sc*/
    .eZxQtH .lang-list li {
      font-size: 14px;
      height: 20px;
      line-height: 20px;
      margin: 12px 25px 0 25px;
      color: #828387;
      cursor: pointer;
    }

    /*!sc*/
    .eZxQtH .lang-list li.select {
      color: #c70448;
    }

    /*!sc*/
    .eZxQtH .lang-list li:hover {
      color: #c70448;
    }

    /*!sc*/
    @media screen and (min-width:1680px) {
      .eZxQtH .lang-list {
        padding: 8px 0 20px 0;
      }

      .eZxQtH ul {
        max-height: 284px;
      }

      .eZxQtH li {
        font-size: 14px;
        height: 20px;
        line-height: 20px;
        margin: 12px 25px 0 25px;
      }

      .eZxQtH .lang-show {
        height: 30px;
        padding: 0 12px;
      }

      .eZxQtH .lang-show .lang-icon {
        margin-right: 8px;
      }

      .eZxQtH .lang-show .current-lang {
        margin-right: 4px;
      }
    }

    /*!sc*/
    @media screen and (max-width:1023px) {
      .eZxQtH .up-arrow {
        display: inline-block;
      }

      .eZxQtH .down-arrow {
        display: none;
      }

      .eZxQtH .lang-list {
        top: auto;
        bottom: 120%;
        -webkit-transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        left: 0px;
        right: auto;
      }

      .eZxQtH .lang-list:before {
        -webkit-transform: scale(1, -1);
        -ms-transform: scale(1, -1);
        transform: scale(1, -1);
        top: 100%;
        left: 16px;
      }

      .eZxQtH .lang-show {
        height: 28px;
        padding: 0 8px;
      }

      .eZxQtH .lang-show .lang-icon {
        margin-right: 4px;
      }

      .eZxQtH .lang-show .current-lang {
        margin-right: 2px;
      }
    }

    /*!sc*/
    @media screen and (min-width:768px) and (max-width:1023px) {
      .eZxQtH {
        position: absolute;
        left: 0;
        top: 24px;
      }
    }

    /*!sc*/
    .eZxQtH .mobile-type .lang-list-title {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      height: 90px;
      width: 100%;
      background: #202329;
      z-index: 100011;
      -webkit-transition: none;
      transition: none;
      -webkit-transform: scale(1, 0);
      -ms-transform: scale(1, 0);
      transform: scale(1, 0);
      opacity: 0;
      font-size: 22px;
      font-weight: 700;
    }

    /*!sc*/
    .eZxQtH .mobile-type .lang-list-title .title-word {
      display: block;
      margin: 50px 15px 0;
    }

    /*!sc*/
    .eZxQtH .mobile-type .lang-list-title.show {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      opacity: 1;
    }

    /*!sc*/
    .eZxQtH .mobile-type .lang-list-title .close {
      position: absolute;
      width: 24px;
      height: 24px;
      right: 15px;
      top: 15px;
    }

    /*!sc*/
    .eZxQtH .mobile-type .lang-list {
      background: #202329;
      position: fixed;
      top: 90px;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 100011;
      margin: 0;
      padding: 0;
      overflow-y: scroll;
      overflow-x: hidden;
      box-shadow: none;
      -webkit-transition: none;
      transition: none;
      border-radius: 0;
    }

    /*!sc*/
    .eZxQtH .mobile-type .lang-list ul {
      display: block;
      max-height: auto;
    }

    /*!sc*/
    .eZxQtH .mobile-type .lang-list ul li {
      height: 60px;
      line-height: 60px;
      margin: 0 15px;
    }

    /*!sc*/
    .eZxQtH .mobile-type .lang-list ul li .lang-item {
      border-bottom: 1px solid #30343d;
    }

    /*!sc*/
    data-styled.g63[id="style__LangSelectorWrapper-sc-kqdg1g-0"] {
      content: "eZxQtH,"
    }

    /*!sc*/
    html {
      font-size: 100%;
      -webkit-text-size-adjust: none;
      -ms-text-size-adjust: none;
      -webkit-tap-highlight-color: transparent;
    }

    /*!sc*/
    html,
    body {
      
      min-width: 320px;
      background-color: rgb(17, 19, 25);
    }

    /*!sc*/
    body,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    hr,
    p,
    blockquote,
    figure,
    menu,
    dl,
    dt,
    dd,
    ul,
    ol,
    li,
    pre,
    form,
    fieldset,
    legend,
    button,
    input,
    textarea,
    select,
    th,
    td,
    div {
      margin: 0;
      padding: 0;
      outline: 0;
    }

    /*!sc*/
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      font-weight: normal;
    }

    /*!sc*/
    h2 {
      font-size: 14px;
    }

    /*!sc*/
    h3 {
      font-size: 14px;
    }

    /*!sc*/
    h1,
    h4,
    h5,
    h6 {
      font-size: 100%;
    }

    /*!sc*/
    address,
    cite,
    dfn,
    em,
    i,
    var {
      font-style: normal;
    }

    /*!sc*/
    strong {
      font-weight: normal;
    }

    /*!sc*/
    ul,
    ol {
      list-style: none;
    }

    /*!sc*/
    button,
    input,
    select,
    textarea {
      font-family: inherit;
      font-size: 100%;
    }

    /*!sc*/
    button:focus,
    input:focus,
    select:focus,
    textarea:focus {
      outline: none;
    }

    /*!sc*/
    button,
    html input[type="button"],
    input[type="reset"],
    input[type="submit"] {
      -webkit-appearance: button;
    }

    /*!sc*/
    textarea {
      overflow: hidden;
      vertical-align: top;
    }

    /*!sc*/
    input,
    textarea {
      -webkit-appearance: none;
    }

    /*!sc*/
    input::-ms-clear,
    textarea::-ms-clear {
      display: none;
    }

    /*!sc*/
    input::-ms-reveal,
    textarea::-ms-reveal {
      display: none;
    }

    /*!sc*/
    input[type="search"] {
      -webkit-appearance: none;
    }

    /*!sc*/
    input[type="search"]::-ms-clear {
      display: none;
    }

    /*!sc*/
    input[type="search"]::-ms-reveal {
      display: none;
    }

    /*!sc*/
    input[type="search"]::-webkit-search-decoration,
    input[type="search"]::-webkit-search-cancel-button,
    input[type="search"]::-webkit-search-results-button,
    input[type="search"]::-webkit-search-results-decoration {
      display: none;
    }

    /*!sc*/
    img {
      border: none;
      vertical-align: top;
    }

    /*!sc*/
    a {
      -webkit-text-decoration: none;
      text-decoration: none;
    }

    /*!sc*/
    a:link,
    a:visited,
    a:hover,
    a:active {
      -webkit-text-decoration: none;
      text-decoration: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      color: #fff;
    }

    /*!sc*/
    @media screen and (max-width:480px) {
      html {
        font-size: 75px;
      }
    }

    /*!sc*/
    @media screen and (min-width:481px) and (max-width:768px) {
      html {
        font-size: 87.5px;
      }
    }

    /*!sc*/
    @media screen and (min-width:769px) and (max-width:1024px) {
      html {
        font-size: 87.5px;
      }
    }

    /*!sc*/
    @media screen and (min-width:1025px) and (max-width:1280px) {
      html {
        font-size: 100px;
      }
    }

    /*!sc*/
    @media screen and (min-width:1281px) and (max-width:1680px) {
      html {
        font-size: 100px;
      }
    }

    /*!sc*/
    @media screen and (min-width:1681px) {
      html {
        font-size: 100px;
      }
    }

    /*!sc*/
    data-styled.g64[id="sc-global-bFZFls1"] {
      content: "sc-global-bFZFls1,"
    }

    /*!sc*/
    .ecUDDm {
      font-size: 0.16rem;
      height: 100%;
      width: 100%;
      position: relative;
      box-sizing: border-box;
    }

    /*!sc*/
    .ecUDDm html {
      width: 100%;
    }

    /*!sc*/
    .ecUDDm body {
      font-family: 'Microsoft Yahei', 'PingFang TC', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Microsoft Jhenghei', 'Heiti TC';
    }

    /*!sc*/
    .ecUDDm .main-content {
      overflow: hidden;
    }

    /*!sc*/
    .ecUDDm .oneline {
      text-overflow: ellipsis;
      display: inline-block;
      overflow: hidden;
      white-space: nowrap;
    }

    /*!sc*/
    .ecUDDm .twoline {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      word-break: break-word;
    }

    /*!sc*/
    data-styled.g65[id="layout__LayoutWrapper-sc-1smjjq-0"] {
      content: "ecUDDm,"
    }

    /*!sc*/
    .gsTGnq .agreement-notice {
      position: fixed;
      z-index: 1000;
      background-color: #e6faeb;
      bottom: 0;
      width: 100%;
      font-family: PingFangSC-Regular;
      font-size: 12px;
      color: #101010;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      line-height: 20px;
      padding: 24px 30px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
    }

    /*!sc*/
    .gsTGnq .agreement-notice .agree-msg {
      text-align: left;
      margin-right: 40px;
      width: 100%;
    }

    /*!sc*/
    .gsTGnq .agreement-notice .agree-msg a {
      color: #e80553;
    }

    /*!sc*/
    .gsTGnq .agreement-notice .agree-btn {
      cursor: pointer;
      display: inline-block;
      background: #c90449;
      border-radius: 4px;
      border-radius: 4px;
      font-family: PingFangSC-Medium;
      font-size: 16px;
      color: #ffffff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      line-height: 18px;
      text-align: center;
      padding: 11px 0;
      width: 150px;
      margin-right: 60px;
    }

    /*!sc*/
    @media screen and (min-width:1680px) {
      .gsTGnq .agreement-notice {
        padding: 30px;
      }
    }

    /*!sc*/
    @media screen and (max-width:767px) {
      .gsTGnq .agreement-notice {
        display: block;
        padding: 15px;
      }

      .gsTGnq .agreement-notice .agree-msg {
        width: calc(100% - 30px);
        overflow-x: hidden;
        overflow-y: auto;
        max-height: 124px;
      }

      .gsTGnq .agreement-notice .agree-msg::-webkit-scrollbar {
        display: none;
      }

      .gsTGnq .agreement-notice .agree-btn {
        margin-right: 0px;
        width: calc(100% - 30px);
        margin-left: 0px;
        margin-top: 0px;
      }
    }

    /*!sc*/
    data-styled.g66[id="style__AgreementPopWrapper-sc-1gttd6d-0"] {
      content: "gsTGnq,"
    }

    /*!sc*/
    .jPQhPk {
      border: none;
    }

    /*!sc*/
    data-styled.g68[id="channelStyle__ChannelWrapper-sc-5rfd0e-0"] {
      content: "jPQhPk,"
    }

    /*!sc*/
    .bWjFZz {
      display: inline-block;
      -webkit-transition-duration: 300ms;
      transition-duration: 300ms;
      -webkit-transition-delay: 300ms;
      transition-delay: 300ms;
      background-color: #fff;
    }

    /*!sc*/
    .bWjFZz:first-child {
      margin-left: 0px;
    }

    /*!sc*/
    .bWjFZz:last-child {
      margin-right: 0px;
    }

    /*!sc*/
    @media screen and (max-width:767px) {
      .bWjFZz {
        margin: 0px 2px;
        height: 3px;
        border-radius: 0.5px;
        width: 6px;
      }
    }

    /*!sc*/
    @media screen and (min-width:768px) and (max-width:1679px) {
      .bWjFZz {
        margin: 0px 3px;
        height: 6px;
        border-radius: 1px;
        width: 12px;
      }
    }

    /*!sc*/
    @media screen and (min-width:1680px) {
      .bWjFZz {
        margin: 0px 4px;
        height: 8px;
        border-radius: 1.5px;
        width: 16px;
      }
    }

    /*!sc*/
    .hcrUDN {
      display: inline-block;
      -webkit-transition-duration: 300ms;
      transition-duration: 300ms;
      -webkit-transition-delay: 300ms;
      transition-delay: 300ms;
      background-color: rgba(255, 255, 255, 0.3);
    }

    /*!sc*/
    .hcrUDN:first-child {
      margin-left: 0px;
    }

    /*!sc*/
    .hcrUDN:last-child {
      margin-right: 0px;
    }

    /*!sc*/
    @media screen and (max-width:767px) {
      .hcrUDN {
        margin: 0px 2px;
        height: 3px;
        border-radius: 0.5px;
        width: 3px;
      }
    }

    /*!sc*/
    @media screen and (min-width:768px) and (max-width:1679px) {
      .hcrUDN {
        margin: 0px 3px;
        height: 6px;
        border-radius: 1px;
        width: 6px;
      }
    }

    /*!sc*/
    @media screen and (min-width:1680px) {
      .hcrUDN {
        margin: 0px 4px;
        height: 8px;
        border-radius: 1.5px;
        width: 8px;
      }
    }

    /*!sc*/
    data-styled.g69[id="style__DotWrapper-sc-1syc3mz-0"] {
      content: "bWjFZz,hcrUDN,"
    }

    /*!sc*/
    .eHduyT {
      text-align: right;
      position: absolute;
      bottom: 32%;
      right: 64px;
      z-index: 101;
      cursor: auto;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
    }

    /*!sc*/
    @media screen and (min-width:1920px) {
      .eHduyT {
        right: calc((100% - 1808px) / 2);
      }
    }

    /*!sc*/
    @media screen and (max-width:1920px) and (min-width:1680px) {
      .eHduyT {
        right: 56px;
      }
    }

    /*!sc*/
    @media screen and (min-width:1680px) {
      .eHduyT {
        bottom: 246px;
      }
    }

    /*!sc*/
    @media screen and (max-width:1023px) and (min-width:768px) {
      .eHduyT {
        right: 56px;
        bottom: 18%;
      }
    }

    /*!sc*/
    @media screen and (max-width:767px) {
      .eHduyT {
        bottom: 15px;
        right: 12px;
      }
    }

    /*!sc*/
    data-styled.g70[id="style__IndicatorWrapper-sc-vvull9-0"] {
      content: "eHduyT,"
    }

    /*!sc*/
    .bOwDGt {
      position: relative;
      display: block;
      height: 42px;
      width: 100%;
    }

    /*!sc*/
    .bOwDGt .collection-wrap {
      height: 42px;
      width: 42px;
    }

    /*!sc*/
    .bOwDGt .collection-wrap.albumPage {
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      cursor: pointer;
    }

    /*!sc*/
    .bOwDGt .collection-wrap.albumPage svg {
      width: 24px;
      height: 24px;
    }

    /*!sc*/
    .bOwDGt .collection-wrap svg {
      width: 40px;
      height: 40px;
    }

    /*!sc*/
    .bOwDGt .collection-wrap .collect-font {
      padding-left: 8px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
    }

    /*!sc*/
    .bOwDGt .collection-wrap .hoverToast {
      position: absolute;
      top: 37px;
    }

    /*!sc*/
    .bOwDGt .collection-wrap .hoverToast .wrap-arrow {
      width: 24px;
      height: 24px;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }

    /*!sc*/
    .bOwDGt .collection-wrap .hoverToast .wrap-arrow .arrow {
      display: block;
      width: 0px;
      height: 0px;
      border-left: 8px solid transparent;
      border-bottom: 8px solid #1a1c22;
      border-right: 8px solid transparent;
      margin: auto;
    }

    /*!sc*/
    .bOwDGt .collection-wrap .hoverToast.right {
      right: 0px;
    }

    /*!sc*/
    .bOwDGt .collection-wrap .hoverToast.right .hoverToast-text {
      right: 0px;
    }

    /*!sc*/
    .bOwDGt .collection-wrap .hoverToast.right .wrap-arrow {
      -webkit-transform: translate(-35%);
      -ms-transform: translate(-35%);
      transform: translate(-35%);
    }

    /*!sc*/
    .bOwDGt .collection-wrap .hoverToast.left {
      left: 0px;
    }

    /*!sc*/
    .bOwDGt .collection-wrap .hoverToast.left .hoverToast-text {
      left: 0px;
    }

    /*!sc*/
    .bOwDGt .collection-wrap .hoverToast.left .wrap-arrow {
      -webkit-transform: translate(30%);
      -ms-transform: translate(30%);
      transform: translate(30%);
    }

    /*!sc*/
    .bOwDGt .collection-wrap .hoverToast .hoverToast-text {
      position: absolute;
      top: 8px;
      padding: 9px 16px;
      background: #23252b;
      border: 1px solid rgba(255, 255, 255, 0.12);
      border-radius: 4px;
      font-size: 16px;
      color: #ffffff;
      white-space: nowrap;
      z-index: 1;
    }

    /*!sc*/
    .bOwDGt .collection-wrap.hoverArrow:after {
      display: block;
      box-sizing: border-box;
      content: '';
      z-index: 110;
      height: 12px;
      width: 12px;
      position: absolute;
      top: 45px;
      left: 50%;
      -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
      transform: translate(-50%, -50%) rotate(45deg);
      background-color: #23252b;
      border-left: 1px solid rgba(255, 255, 255, 0.12);
      border-top: 1px solid rgba(255, 255, 255, 0.12);
      border-radius: 2px 0px 0px 0px;
    }

    /*!sc*/
    @media screen and (max-width:1679px) {
      .bOwDGt .collection-wrap .hoverToast .hoverToast-text {
        padding: 8px 16px;
        font-size: 14px;
      }
    }

    /*!sc*/
    @media screen and (min-width:1680px) {
      .bOwDGt .collection-wrap.hoverArrow:after {
        top: 55px;
      }

      .bOwDGt .collection-wrap .hoverToast {
        top: 47px;
      }
    }

    /*!sc*/
    data-styled.g71[id="style__CollectionWrapper-sc-1sftf6r-0"] {
      content: "bOwDGt,"
    }

    /*!sc*/
    .izYRPT {
      position: absolute;
      bottom: calc(32% + 24px + 3.5vw);
      left: 64px;
      z-index: 102;
      color: #fff;
    }

    /*!sc*/
    .izYRPT .focus-item-title {
      width: 20.5vw;
      min-width: 180px;
      max-width: 360px;
      height: 13.67vw;
      max-height: 240px;
      min-height: 120px;
      background-position: bottom left;
      background-repeat: no-repeat;
      color: #e6e6e6;
    }

    /*!sc*/
    .izYRPT .focus-item-labels,
    .izYRPT .focus-item-info {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      font-size: 12px;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }

    /*!sc*/
    .izYRPT .focus-item-labels {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin-top: 20px;
    }

    /*!sc*/
    .izYRPT .focus-item-info {
      font-weight: 500;
      line-height: 17px;
      margin-top: 12px;
    }

    /*!sc*/
    .izYRPT .focus-item-tags {
      margin-top: 13px;
      font-size: 12px;
      line-height: 16px;
      color: #ececec;
      font-weight: 500;
      text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    }

    /*!sc*/
    .izYRPT .focus-item-tags span {
      display: inline-block;
      margin-right: 6px;
      padding: 0 5px;
      background: rgba(255, 255, 255, 0.08);
      border-radius: 2px;
    }

    /*!sc*/
    .izYRPT .focus-item-label-top,
    .izYRPT .focus-item-label-vip,
    .izYRPT .focus-item-label-original,
    .izYRPT .focus-item-label-exclusive,
    .izYRPT .focus-item-label-live {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      height: 18px;
      line-height: 18px;
      font-size: 11px;
      color: #fff;
      padding: 0 4px;
      margin-right: 6px;
      border-radius: 2px;
      box-sizing: border-box;
      font-weight: 700;
    }

    /*!sc*/
    .izYRPT .focus-item-label-vip {
      color: #111319;
      background: #f2bf83;
    }

    /*!sc*/
    .izYRPT .focus-item-label-original,
    .izYRPT .focus-item-label-live {
      background-image: linear-gradient(90deg, #cf0248 0%, #e80553 100%);
    }

    /*!sc*/
    .izYRPT .focus-item-label-exclusive {
      background-image: linear-gradient(90deg, #ff7b24 0%, #e66f20 100%);
    }

    /*!sc*/
    .izYRPT .focus-item-label-rank {
      background-image: linear-gradient(90deg, #cf0248 0%, #e80553 100%);
      border-radius: 2px 0 0 2px;
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      padding: 0 4px;
      margin-right: 4px;
      height: 18px;
      line-height: 18px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }

    /*!sc*/
    .izYRPT .focus-item-label-top {
      background: rgba(255, 255, 255, 0.2);
      padding-left: 0;
    }

    /*!sc*/
    .izYRPT .focus-item-score {
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      font-size: 14px;
      color: #eb1c63;
      font-weight: 700;
    }

    /*!sc*/
    .izYRPT .focus-item-score svg {
      width: 12px;
      height: 12px;
      margin-right: 4px;
    }

    /*!sc*/
    .izYRPT .focus-item-score::after {
      content: '';
      margin: 0 6px;
      height: 10px;
      width: 2px;
      background: rgba(255, 255, 255, 0.2);
    }

    /*!sc*/
    .izYRPT .focus-item-year {
      text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    }

    /*!sc*/
    .izYRPT .focus-desc-playButton {
      padding-right: 24px;
    }

    /*!sc*/
    .izYRPT .focus-desc-playButton .wrap svg {
      width: 60px;
      height: 60px;
    }

    /*!sc*/
    .izYRPT .focus-item-update {
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    }

    /*!sc*/
    .izYRPT .focus-item-update::before {
      content: '';
      margin: 0 6px;
      height: 10px;
      width: 2px;
      background: rgba(255, 255, 255, 0.2);
    }

    /*!sc*/
    .izYRPT .focus-item-desc {
      width: 31.25vw;
      min-width: 320px;
      overflow: hidden;
      height: 32px;
      line-height: 16px;
      margin-top: 12px;
      font-size: 14px;
      display: -webkit-box;
      text-overflow: ellipsis;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
      font-weight: 500;
    }

    /*!sc*/
    @media screen and (min-width:1920px) {
      .izYRPT {
        left: calc((100% - 1808px) / 2);
      }
    }

    /*!sc*/
    @media screen and (min-width:1680px) and (max-width:1920px) {
      .izYRPT {
        left: 56px;
      }
    }

    /*!sc*/
    @media screen and (min-width:1680px) {
      .izYRPT {
        bottom: 299px;
      }

      .izYRPT .focus-item-labels {
        margin-top: 24px;
        margin-bottom: 13px;
      }

      .izYRPT .focus-item-desc {
        width: 440px;
        height: 63px;
        line-height: 21px;
        margin-top: 16px;
        font-size: 16px;
        -webkit-line-clamp: 3;
      }

      .izYRPT .focus-item-label-top,
      .izYRPT .focus-item-label-vip,
      .izYRPT .focus-item-label-original,
      .izYRPT .focus-item-label-exclusive,
      .izYRPT .focus-item-label-live {
        font-size: 14px;
        padding: 0 8px;
        margin-right: 10px;
        min-width: 50px;
        height: 24px;
        border-radius: 2px;
      }

      .izYRPT .focus-item-label-rank {
        padding: 0 8px;
        margin-right: 8px;
        border-radius: 2px 0 0 2px;
        height: 24px;
        line-height: 24px;
      }

      .izYRPT .focus-item-label-top {
        padding-left: 0;
      }

      .izYRPT .focus-item-info {
        font-size: 15px;
        margin: 16px 0;
        line-height: 20px;
      }

      .izYRPT .focus-item-tags {
        font-size: 14px;
        line-height: 20px;
      }

      .izYRPT .focus-item-tags span {
        padding: 0 6px;
      }

      .izYRPT .focus-item-score {
        font-size: 17px;
      }

      .izYRPT .focus-item-score svg {
        width: 14px;
        height: 14px;
        margin-right: 4px;
      }

      .izYRPT .focus-item-score::after {
        height: 12px;
        margin: 0 10px;
      }

      .izYRPT .focus-item-update::before {
        height: 12px;
        margin: 0 10px;
      }
    }

    /*!sc*/
    @media screen and (max-width:1023px) and (min-width:768px) {
      .izYRPT {
        left: 56px;
        bottom: calc(18% + 16px + 36px);
      }

      .izYRPT .focus-item-labels {
        margin-top: 16px;
      }

      .izYRPT .focus-item-desc {
        font-size: 12px;
      }
    }

    /*!sc*/
    @media screen and (max-width:767px) {
      .izYRPT {
        bottom: 15px;
        left: 15px;
      }

      .izYRPT .focus-item-title {
        width: 38.93vw;
        min-width: 140px;
        height: 25.87vw;
        min-height: 97px;
      }

      .izYRPT .focus-item-labels {
        margin: 12px 0 0;
      }

      .izYRPT .focus-item-label-top,
      .izYRPT .focus-item-label-vip,
      .izYRPT .focus-item-label-original,
      .izYRPT .focus-item-label-exclusive,
      .izYRPT .focus-item-label-live {
        margin-right: 8px;
      }

      .izYRPT .focus-item-info {
        display: none;
      }

      .izYRPT .focus-item-tags {
        margin-top: 8px;
      }

      .izYRPT .focus-item-desc {
        display: none;
      }
    }

    /*!sc*/
    data-styled.g73[id="style__FocusDescWrapper-sc-oagpuu-0"] {
      content: "izYRPT,"
    }

    /*!sc*/
    .ifTUfM {
      position: absolute;
      bottom: 32%;
      left: 64px;
      z-index: 102;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      width: 8.333vw;
      max-width: 152px;
    }

    /*!sc*/
    .ifTUfM>div,
    .ifTUfM .collection-wrap,
    .ifTUfM .collection-wrap svg,
    .ifTUfM .wrap,
    .ifTUfM .wrap svg.play-button {
      width: 3.515625vw;
      height: 3.515625vw;
      -webkit-align-items: flex-start;
      -webkit-box-align: flex-start;
      -ms-flex-align: flex-start;
      align-items: flex-start;
      max-width: 60px;
      max-height: 60px;
    }

    /*!sc*/
    .ifTUfM .collection-wrap .hoverToast.left {
      top: 0;
      left: calc(3.515625vw + 20px);
      width: 100%;
      height: 100%;
    }

    /*!sc*/
    .ifTUfM .collection-wrap .hoverToast.left .hoverToast-text {
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
    }

    /*!sc*/
    .ifTUfM .collection-wrap.hoverArrow:after {
      top: 50%;
      left: calc(3.515625vw + 22px);
      border-top: 0;
      border-bottom: 1px solid rgba(255, 255, 255, 0.12);
      border-radius: 0 0 0 2px;
    }

    /*!sc*/
    @media screen and (min-width:1680px) {
      .ifTUfM {
        bottom: 220px;
      }

      .ifTUfM .collection-wrap .hoverToast.left {
        left: 78px;
      }

      .ifTUfM .collection-wrap.hoverArrow:after {
        left: 78px;
      }
    }

    /*!sc*/
    @media screen and (min-width:1920px) {
      .ifTUfM {
        left: calc((100% - 1808px) / 2);
      }
    }

    /*!sc*/
    @media screen and (min-width:1680px) and (max-width:1920px) {
      .ifTUfM {
        left: 56px;
      }
    }

    /*!sc*/
    @media screen and (min-width:768px) and (max-width:1023px) {
      .ifTUfM {
        width: 88px;
        left: 56px;
        bottom: 18%;
      }

      .ifTUfM>div,
      .ifTUfM .collection-wrap,
      .ifTUfM .collection-wrap svg,
      .ifTUfM .wrap svg.play-button {
        width: 36px;
        height: 36px;
      }

      .ifTUfM .collection-wrap .hoverToast.left {
        left: 50px;
      }

      .ifTUfM .collection-wrap.hoverArrow:after {
        left: 50px;
      }
    }

    /*!sc*/
    @media screen and (max-width:767px) {
      .ifTUfM {
        bottom: 15px;
        display: none;
      }
    }

    /*!sc*/
    data-styled.g74[id="option__Wrapper-sc-1vo6klr-0"] {
      content: "ifTUfM,"
    }

    /*!sc*/
    .jXgIAN {
      z-index: 100;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      cursor: pointer;
      -webkit-align-items: flex-end;
      -webkit-box-align: flex-end;
      -ms-flex-align: flex-end;
      align-items: flex-end;
    }

    /*!sc*/
    .jXgIAN.singlePlay {
      position: absolute;
      right: 12px;
    }

    /*!sc*/
    .jXgIAN .wrap {
      width: 40px;
      height: 40px;
      z-index: 100;
      box-sizing: border-box;
    }

    /*!sc*/
    .jXgIAN .wrap>svg {
      width: 40px;
      height: 40px;
    }

    /*!sc*/
    .jXgIAN .wrap:hover .play-button circle {
      fill: #cc3b6d;
    }

    /*!sc*/
    .jXgIAN .translate-wrap {
      width: 50px;
      height: 50px;
    }

    /*!sc*/
    .jXgIAN .translate-wrap .translate-play {
      width: 50px !important;
      height: 50px !important;
    }

    /*!sc*/
    @media screen and (max-width:1679px) {
      .jXgIAN.singlePlay {
        right: 8px;
      }

      .jXgIAN .wrap {
        width: 32px;
        height: 32px;
      }

      .jXgIAN .wrap .play-button {
        width: 32px;
        height: 32px;
      }

      .jXgIAN .history .play-svg {
        width: 20px;
        height: 20px;
        padding-left: 1px;
      }

      .jXgIAN .translate-wrap {
        width: 40px;
        height: 40px;
      }

      .jXgIAN .translate-wrap .translate-play {
        width: 40px !important;
        height: 40px !important;
      }
    }

    /*!sc*/
    data-styled.g75[id="style__PlayBUttonWrapper-sc-hfyh1b-0"] {
      content: "jXgIAN,"
    }

    /*!sc*/
    .bNBaAX {
      width: 46.67%;
      height: 98.49%;
      position: absolute;
      top: 0;
      bottom: 0;
      background-repeat: no-repeat;
      background-size: 100%;
    }

    /*!sc*/
    @media screen and (max-width:1680px) {
      .bNBaAX {
        width: 49.41%;
        height: 92.98%;
      }
    }

    /*!sc*/
    @media screen and (max-width:767px) {
      .bNBaAX {
        height: 100%;
        margin-top: 40px;
      }
    }

    /*!sc*/
    data-styled.g76[id="Character__Style-sc-blgesh-0"] {
      content: "bNBaAX,"
    }

    /*!sc*/
    .iOecGU {
      position: relative;
      overflow: hidden;
      margin-bottom: -15.5%;
      cursor: pointer;
      z-index: 0;
      height: 56vw;
      max-height: 1012px;
    }

    /*!sc*/
    .iOecGU .pc-focus-backup {
      height: 130px;
      margin-bottom: 15.5%;
    }

    /*!sc*/
    .iOecGU .pc-focus-wrapper {
      height: 56vw;
      max-height: 1012px;
      box-sizing: border-box;
      background: rgb(17, 19, 25);
    }

    /*!sc*/
    .iOecGU .focus-img-link {
      display: block;
      width: 100%;
      height: 100%;
      position: relative;
    }

    /*!sc*/
    .iOecGU .focus-img-wapper {
      width: 100%;
      height: 99%;
      overflow: hidden;
      max-width: 1808px;
      margin: 0 auto;
      position: absolute;
      right: 0;
      left: 0;
    }

    /*!sc*/
    .iOecGU .focus-img-background {
      width: 100%;
      height: 100%;
      background: no-repeat center;
      background-size: cover;
      position: absolute;
      top: 0;
      opacity: 0;
    }

    /*!sc*/
    .iOecGU .noImg {
      height: calc(11.25vw + 70px);
    }

    /*!sc*/
    .iOecGU .focus-inter-box {
      margin-left: 80px;
      margin-right: 80px;
    }

    /*!sc*/
    .iOecGU .left-arrow,
    .iOecGU .right-arrow {
      position: absolute;
      top: 35%;
      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-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      z-index: 101;
    }

    /*!sc*/
    .iOecGU .left-arrow.mobile,
    .iOecGU .right-arrow.mobile {
      display: none;
    }

    /*!sc*/
    .iOecGU .left-arrow svg,
    .iOecGU .right-arrow svg {
      width: 40px;
      height: 40px;
      opacity: 0.8;
    }

    /*!sc*/
    .iOecGU .left-arrow:hover svg,
    .iOecGU .right-arrow:hover svg {
      opacity: 1;
    }

    /*!sc*/
    .iOecGU .left-arrow {
      left: 10px;
      -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
      transform: scaleX(-1);
    }

    /*!sc*/
    .iOecGU .next-title {
      display: none;
      color: #fff;
      margin-right: 14px;
      font-size: 16px;
      text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.7);
      font-weight: 600;
      max-width: 260px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-animation: title-show 0.5s;
      animation: title-show 0.5s;
      text-align: right;
    }

    /*!sc*/
    .iOecGU .next-title.go-next {
      -webkit-animation: next 1s;
      animation: next 1s;
    }

    /*!sc*/
    @-webkit-keyframes next {
      0% {
        opacity: 1;
      }

      100% {
        opacity: 0;
      }
    }

    /*!sc*/
    @keyframes next {
      0% {
        opacity: 1;
      }

      100% {
        opacity: 0;
      }
    }

    /*!sc*/
    @-webkit-keyframes title-show {
      0% {
        opacity: 0;
      }

      100% {
        opacity: 1;
      }
    }

    /*!sc*/
    @keyframes title-show {
      0% {
        opacity: 0;
      }

      100% {
        opacity: 1;
      }
    }

    /*!sc*/
    .iOecGU .right-arrow {
      right: 10px;
    }

    /*!sc*/
    .iOecGU .right-arrow:hover .next-title {
      display: block;
    }

    /*!sc*/
    .iOecGU .focus-img-background {
      opacity: 0;
    }

    /*!sc*/
    .iOecGU .focus-img-background.background-current {
      opacity: 1;
    }

    /*!sc*/
    .iOecGU .focus-character {
      opacity: 0;
    }

    /*!sc*/
    .iOecGU .focus-character.character-pre {
      left: 0%;
    }

    /*!sc*/
    .iOecGU .focus-character.character-current {
      left: 40%;
      opacity: 1;
    }

    /*!sc*/
    .iOecGU .focus-character.character-next {
      left: 120%;
    }

    /*!sc*/
    .iOecGU .focus-desc {
      opacity: 0;
    }

    /*!sc*/
    .iOecGU .focus-desc.desc-current {
      opacity: 1;
    }

    /*!sc*/
    .iOecGU .go-next .focus-character.character-current {
      -webkit-transition: all 0.6s cubic-bezier(0.64, 0, 0.78, 0);
      transition: all 0.6s cubic-bezier(0.64, 0, 0.78, 0);
      left: 0%;
      opacity: 0;
    }

    /*!sc*/
    .iOecGU .go-next .focus-character.character-next {
      -webkit-transition: all 0.6s cubic-bezier(0.14, 1, 0.34, 1) 0.4s;
      transition: all 0.6s cubic-bezier(0.14, 1, 0.34, 1) 0.4s;
      left: 40%;
      opacity: 1;
    }

    /*!sc*/
    .iOecGU .go-next .focus-img-background.background-current {
      -webkit-transition: all 0.6s linear 0.4s;
      transition: all 0.6s linear 0.4s;
      opacity: 0;
    }

    /*!sc*/
    .iOecGU .go-next .focus-img-background.background-next {
      -webkit-transition: all 0.6s linear 0.4s;
      transition: all 0.6s linear 0.4s;
      opacity: 1;
    }

    /*!sc*/
    .iOecGU .go-next .focus-desc.desc-current {
      opacity: 0;
      -webkit-transition: all 0.5s linear 0.2s;
      transition: all 0.5s linear 0.2s;
    }

    /*!sc*/
    .iOecGU .go-next .focus-desc.desc-next {
      opacity: 1;
      -webkit-transition: all 0.5s linear 0.4s;
      transition: all 0.5s linear 0.4s;
    }

    /*!sc*/
    .iOecGU .go-pre .focus-character.character-pre {
      left: 40%;
      opacity: 1;
      -webkit-transition: all 0.6s cubic-bezier(0.14, 1, 0.34, 1) 0.4s;
      transition: all 0.6s cubic-bezier(0.14, 1, 0.34, 1) 0.4s;
    }

    /*!sc*/
    .iOecGU .go-pre .focus-character.character-current {
      left: 120%;
      opacity: 0;
      -webkit-transition: all 0.6s cubic-bezier(0.64, 0, 0.78, 0);
      transition: all 0.6s cubic-bezier(0.64, 0, 0.78, 0);
    }

    /*!sc*/
    .iOecGU .go-pre .focus-img-background.background-pre {
      -webkit-transition: all 0.6s linear;
      transition: all 0.6s linear;
      opacity: 1;
    }

    /*!sc*/
    .iOecGU .go-pre .focus-img-background.background-current {
      -webkit-transition: all 0.6s linear 0.4s;
      transition: all 0.6s linear 0.4s;
      opacity: 0;
    }

    /*!sc*/
    .iOecGU .go-pre .focus-desc.desc-pre {
      opacity: 1;
      -webkit-transition: all 0.5s linear 0.4s;
      transition: all 0.5s linear 0.4s;
    }

    /*!sc*/
    .iOecGU .go-pre .focus-desc.desc-current {
      opacity: 0;
      -webkit-transition: all 0.5s linear 0.2s;
      transition: all 0.5s linear 0.2s;
    }

    /*!sc*/
    @media screen and (min-width:1680px) {
      .iOecGU {
        margin-bottom: -198px;
      }

      .iOecGU .left-arrow svg,
      .iOecGU .right-arrow svg {
        width: 56px;
        height: 56px;
      }

      .iOecGU .left-arrow {
        left: 0;
      }

      .iOecGU .right-arrow {
        right: 0;
      }

      .iOecGU .next-title {
        font-size: 20px;
        max-width: 360px;
      }
    }

    /*!sc*/
    @media screen and (min-width:1920px) {
      .iOecGU .next-title {
        margin-right: -2px;
      }

      .iOecGU .left-arrow {
        left: calc((100% - 1808px) / 2 - 50px);
      }

      .iOecGU .right-arrow {
        right: calc((100% - 1808px) / 2 - 50px);
      }
    }

    /*!sc*/
    @media screen and (max-width:1023px) and (min-width:768px) {
      .iOecGU {
        margin-bottom: -8.59%;
      }

      .iOecGU .next-title {
        margin-right: -2px;
      }

      .iOecGU .left-arrow {
        left: 15px;
      }

      .iOecGU .right-arrow {
        right: 15px;
      }
    }

    /*!sc*/
    @media screen and (max-width:767px) {
      .iOecGU {
        margin-bottom: 16px;
      }

      .iOecGU .next-title {
        font-size: 12px;
        max-width: 210px;
      }

      .iOecGU .left-arrow,
      .iOecGU .right-arrow {
        display: none;
      }
    }

    /*!sc*/
    data-styled.g77[id="focus__Style-sc-w3v3el-0"] {
      content: "iOecGU,"
    }

    /*!sc*/
    .ybvtD {
      display: block;
      max-width: 1808px;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      margin: 0 auto;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
    }

    /*!sc*/
    .ybvtD .left {
      width: 15%;
      height: 100%;
      background: linear-gradient(269deg, rgba(17, 19, 25, 0.00) 1%, rgba(17, 19, 25, 0.02) 10%, rgba(17, 19, 25, 0.05) 18%, rgba(17, 19, 25, 0.12) 25%, rgba(17, 19, 25, 0.20) 32%, rgba(17, 19, 25, 0.29) 38%, rgba(17, 19, 25, 0.39) 44%, rgba(17, 19, 25, 0.50) 50%, rgba(17, 19, 25, 0.61) 57%, rgba(17, 19, 25, 0.71) 63%, rgba(17, 19, 25, 0.80) 69%, rgba(17, 19, 25, 0.88) 76%, rgba(17, 19, 25, 0.95) 83%, rgba(17, 19, 25, 0.98) 91%, rgb(17, 19, 25) 100%);
      z-index: 101;
    }

    /*!sc*/
    @media screen and (max-width:767px) {
      .ybvtD .left {
        display: none;
      }
    }

    /*!sc*/
    .ybvtD .center {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 120px;
      background-image: linear-gradient(179.5deg, rgba(17, 19, 25, 0.88) 0%, rgba(17, 19, 25, 0.89) 9%, rgba(17, 19, 25, 0.85) 17%, rgba(17, 19, 25, 0.79) 24%, rgba(17, 19, 25, 0.72) 31%, rgba(17, 19, 25, 0.64) 37%, rgba(17, 19, 25, 0.55) 44%, rgba(17, 19, 25, 0.45) 50%, rgba(17, 19, 25, 0.35) 56%, rgba(17, 19, 25, 0.26) 63%, rgba(17, 19, 25, 0.18) 69%, rgba(17, 19, 25, 0.11) 76%, rgba(17, 19, 25, 0.05) 83%, rgba(17, 19, 25, 0.01) 91%, rgba(17, 19, 25, 0) 100%);
    }

    /*!sc*/
    .ybvtD .right {
      width: 15%;
      height: 100%;
      background: linear-gradient(90deg, rgba(17, 19, 25, 0.00) 1%, rgba(17, 19, 25, 0.02) 10%, rgba(17, 19, 25, 0.05) 18%, rgba(17, 19, 25, 0.12) 25%, rgba(17, 19, 25, 0.20) 32%, rgba(17, 19, 25, 0.29) 38%, rgba(17, 19, 25, 0.39) 44%, rgba(17, 19, 25, 0.50) 50%, rgba(17, 19, 25, 0.61) 57%, rgba(17, 19, 25, 0.71) 63%, rgba(17, 19, 25, 0.80) 69%, rgba(17, 19, 25, 0.88) 76%, rgba(17, 19, 25, 0.95) 83%, rgba(17, 19, 25, 0.98) 91%, rgb(17, 19, 25) 100%);
      z-index: 101;
    }

    /*!sc*/
    @media screen and (max-width:1808px) {
      .ybvtD .right {
        display: none;
      }
    }

    /*!sc*/
    data-styled.g78[id="Mask__Style-sc-r3ejcw-0"] {
      content: "ybvtD,"
    }

    /*!sc*/
    .bGOidB {
      width: 100%;
      height: 30%;
      background-image: linear-gradient(180deg, rgba(17, 19, 25, 0) 2%, #111319 94%);
      z-index: 101;
      position: absolute;
      bottom: 0;
      pointer-events: none;
    }

    /*!sc*/
    @media screen and (max-width:767px) {
      .bGOidB {
        background-image: linear-gradient(1deg, rgba(17, 19, 25, 0.6) 0%, rgba(17, 19, 25, 0.58) 13%, rgba(17, 19, 25, 0.53) 25%, rgba(17, 19, 25, 0.44) 35%, rgba(17, 19, 25, 0.35) 45%, rgba(17, 19, 25, 0.25) 55%, rgba(17, 19, 25, 0.16) 65%, rgba(17, 19, 25, 0.07) 75%, rgba(17, 19, 25, 0.02) 87%, rgba(17, 19, 25, 0) 100%);
      }
    }

    /*!sc*/
    data-styled.g79[id="Mask__BottomMask-sc-r3ejcw-1"] {
      content: "bGOidB,"
    }

    /*!sc*/
    .eIxIwV {
      width: calc(100% / 6);
      -webkit-transform: translate(0px);
      -ms-transform: translate(0px);
      transform: translate(0px);
      position: relative;
      display: inline-block;
      vertical-align: top;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
    }

    /*!sc*/
    .eIxIwV.horizontal {
      width: calc(100% / 4);
    }

    /*!sc*/
    .eIxIwV.horizontal.lightSlider {
      width: 100%;
    }

    /*!sc*/
    .eIxIwV.horizontal .pic-box:before {
      padding-top: 56.25%;
    }

    /*!sc*/
    .eIxIwV.special-img-num {
      width: calc(100% /);
    }

    /*!sc*/
    .eIxIwV .plist-img-wrap {
      margin-right: 16px;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
    }

    /*!sc*/
    .eIxIwV.lightSlider .plist-img-wrap {
      margin-right: 0;
    }

    /*!sc*/
    .eIxIwV.lightSlider .text-box {
      height: 40px;
    }

    /*!sc*/
    .eIxIwV.pc-row .plist-img-wrap:hover {
      -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
      transform: scale(1.05);
    }

    /*!sc*/
    .eIxIwV.pc-row .plist-img-wrap:hover .text-box .title {
      color: #eb1c63;
      opacity: 1;
    }

    /*!sc*/
    .eIxIwV.pc-row .plist-img-wrap:hover .mask-container {
      display: block;
    }

    /*!sc*/
    .eIxIwV.pc-row.lightSlider .plist-img-wrap:hover {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
    }

    /*!sc*/
    .eIxIwV .text-box {
      position: relative;
      padding: 0.1rem 0 0;
      font-size: 14px;
      -webkit-transition: color 0.3s;
      transition: color 0.3s;
    }

    /*!sc*/
    .eIxIwV .text-box .title {
      white-space: normal;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      color: #fff;
      font-weight: 500;
      font-size: 14px;
    }

    /*!sc*/
    .eIxIwV .text-box .hot-update-info {
      display: none;
    }

    /*!sc*/
    .eIxIwV .text-box.hot {
      height: 70px;
      background: rgb(51, 21, 20);
      border-radius: 0 0 6px 6px;
    }

    /*!sc*/
    .eIxIwV .text-box.hot .title {
      margin: 0 10px 6px;
    }

    /*!sc*/
    .eIxIwV .text-box.hot .hot-update-info {
      margin: 0 10px;
      font-size: 13px;
      color: rgba(255, 255, 255, 0.7);
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      font-weight: 400;
      position: absolute;
      bottom: 10px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: normal;
    }

    /*!sc*/
    .eIxIwV .pic-box {
      position: relative;
    }

    /*!sc*/
    .eIxIwV .pic-box:before {
      content: '';
      display: block;
      padding-top: 133.3333%;
    }

    /*!sc*/
    .eIxIwV .update-info-layer {
      background-image: linear-gradient(0deg, rgba(10, 12, 15, 0.8) 0%, rgba(10, 12, 15, 0.74) 4%, rgba(10, 12, 15, 0.59) 17%, rgba(10, 12, 15, 0.4) 34%, rgba(10, 12, 15, 0.21) 55%, rgba(10, 12, 15, 0.06) 78%, rgba(10, 12, 15, 0) 100%);
      height: 60px;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 300;
    }

    /*!sc*/
    .eIxIwV .update-info-layer.hot {
      background-image: linear-gradient(180deg, rgba(51, 21, 20, 0.00) 1%, rgb(51, 21, 20) 100%);
    }

    /*!sc*/
    .eIxIwV .update-info-layer.hot .update-info-mask {
      display: none;
    }

    /*!sc*/
    .eIxIwV .update-info-layer.hot .layer-score-wrap {
      display: none;
    }

    /*!sc*/
    .eIxIwV .update-info-layer.hot .update-info-hot {
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      -webkit-transform: scale(0.85);
      -ms-transform: scale(0.85);
      transform: scale(0.85);
    }

    /*!sc*/
    .eIxIwV .update-info-layer.hot .update-info-hot svg {
      height: 35px;
    }

    /*!sc*/
    .eIxIwV .update-info-hot {
      display: none;
    }

    /*!sc*/
    .eIxIwV .update-info-mask {
      font-size: 14px;
      color: #ffffff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      font-weight: 500;
      position: absolute;
      left: 8px;
      right: 10px;
      bottom: 10px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    /*!sc*/
    .eIxIwV .img {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      object-fit: none;
      width: 100%;
      height: 100%;
      background-color: #303440;
    }

    /*!sc*/
    .eIxIwV.lightSlider {
      width: 100%;
    }

    /*!sc*/
    .eIxIwV .layer-score-wrap {
      display: inline-block;
      position: absolute;
      left: 8px;
      right: 10px;
      bottom: 10px;
    }

    /*!sc*/
    .eIxIwV .layer-score-wrap .album-score {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      color: white;
      position: relative;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }

    /*!sc*/
    .eIxIwV .layer-score-wrap .album-score .all-score-info {
      position: relative;
    }

    /*!sc*/
    .eIxIwV .layer-score-wrap .album-score .all-score-info .score-info-whiteStar svg {
      position: relative;
      top: 2px;
      height: 13px;
      width: 13px;
    }

    /*!sc*/
    .eIxIwV .layer-score-wrap .album-score .all-score-info .score-info-whiteStar svg path {
      fill: #fff;
    }

    /*!sc*/
    .eIxIwV .layer-score-wrap .album-score .all-score-info .score-info-number {
      font-size: 14px;
      color: #fff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.7);
      font-weight: 700;
      margin: 0 4px;
    }

    /*!sc*/
    .eIxIwV .layer-score-wrap .album-score .all-score-info .score-info-person-number {
      font-size: 16px;
      color: #999999;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
    }

    /*!sc*/
    .eIxIwV .img_icon_mark {
      position: absolute;
      right: 0;
      top: 0;
      display: inline-block;
      font-size: 12px;
      color: #ffffff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      line-height: 14px;
      border-radius: 2px;
      border-radius: 2px;
      text-align: center;
      padding: 3px 4px;
    }

    /*!sc*/
    .eIxIwV .img_icon_mark.produced {
      background-image: linear-gradient(90deg, #cf0248 0%, #e80553 100%);
    }

    /*!sc*/
    .eIxIwV .img_icon_mark.exclusive {
      background: #cf0248;
    }

    /*!sc*/
    @media screen and (max-width:767px) {
      .eIxIwV {
        width: calc(100% / 3);
      }

      .eIxIwV.horizontal {
        width: calc(100% / 2);
      }

      .eIxIwV .plist-img-wrap {
        margin-right: 8px;
        margin-bottom: 0px;
      }

      .eIxIwV .text-box.hot .hot-update-info {
        font-size: 12px;
      }
    }

    /*!sc*/
    @media screen and (min-width:768px) and (max-width:1023px) {
      .eIxIwV {
        width: calc(100% / 4);
      }

      .eIxIwV.horizontal {
        width: calc(100% / 3);
      }

      .eIxIwV .text-box.hot .hot-update-info {
        font-size: 12px;
      }

      .eIxIwV .update-info-layer.hot .update-info-hot svg text {
        font-size: 22px;
      }
    }

    /*!sc*/
    @media screen and (max-width:767px) {
      .eIxIwV.pc-row.lightSlider .plist-img-wrap:hover {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
      }

      .eIxIwV .update-info-layer.hot .update-info-hot svg text {
        font-size: 24px;
      }
    }

    /*!sc*/
    @media screen and (min-width:1680px) {
      .eIxIwV {
        width: calc(100% / 8);
      }

      .eIxIwV.horizontal {
        width: calc(100% / 6);
      }

      .eIxIwV .plist-img-wrap {
        margin-bottom: 0px;
      }

      .eIxIwV .text-box {
        font-size: 16px;
      }

      .eIxIwV .text-box .title,
      .eIxIwV .text-box .hot-update-info {
        font-size: 16px;
      }

      .eIxIwV .text-box.hot {
        height: 76px;
      }

      .eIxIwV .update-info-layer.hot .update-info-hot {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        left: 10px;
      }
    }

    /*!sc*/
    @media screen and (max-width:1680px) {
      .eIxIwV .text-box.hot .hot-update-info {
        font-size: 12px;
      }

      .eIxIwV .update-info-layer .update-info-mask {
        font-size: 12px;
      }

      .eIxIwV .update-info-layer.hot .update-info-hot svg text {
        font-size: 24px;
      }
    }

    /*!sc*/
    .gkBibs {
      width: calc(100% / 6);
      -webkit-transform: translate(0px);
      -ms-transform: translate(0px);
      transform: translate(0px);
      position: relative;
      display: inline-block;
      vertical-align: top;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
    }

    /*!sc*/
    .gkBibs.horizontal {
      width: calc(100% / 4);
    }

    /*!sc*/
    .gkBibs.horizontal.lightSlider {
      width: 100%;
    }

    /*!sc*/
    .gkBibs.horizontal .pic-box:before {
      padding-top: 56.25%;
    }

    /*!sc*/
    .gkBibs.special-img-num {
      width: calc(100% /);
    }

    /*!sc*/
    .gkBibs .plist-img-wrap {
      margin-right: 16px;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
    }

    /*!sc*/
    .gkBibs.lightSlider .plist-img-wrap {
      margin-right: 0;
    }

    /*!sc*/
    .gkBibs.lightSlider .text-box {
      height: 40px;
    }

    /*!sc*/
    .gkBibs.pc-row .plist-img-wrap:hover {
      -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
      transform: scale(1.05);
    }

    /*!sc*/
    .gkBibs.pc-row .plist-img-wrap:hover .text-box .title {
      color: #eb1c63;
      opacity: 1;
    }

    /*!sc*/
    .gkBibs.pc-row .plist-img-wrap:hover .mask-container {
      display: block;
    }

    /*!sc*/
    .gkBibs.pc-row.lightSlider .plist-img-wrap:hover {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
    }

    /*!sc*/
    .gkBibs .text-box {
      position: relative;
      padding: 0.1rem 0 0;
      font-size: 14px;
      -webkit-transition: color 0.3s;
      transition: color 0.3s;
    }

    /*!sc*/
    .gkBibs .text-box .title {
      white-space: normal;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      color: #fff;
      font-weight: 500;
      font-size: 14px;
    }

    /*!sc*/
    .gkBibs .text-box .hot-update-info {
      display: none;
    }

    /*!sc*/
    .gkBibs .text-box.hot {
      height: 70px;
      background: rgb(51, 31, 20);
      border-radius: 0 0 6px 6px;
    }

    /*!sc*/
    .gkBibs .text-box.hot .title {
      margin: 0 10px 6px;
      z-index: 111;
    }

    /*!sc*/
    .gkBibs .text-box.hot .hot-update-info {
      margin: 0 10px;
      font-size: 13px;
      color: rgba(255, 255, 255, 0.7);
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      font-weight: 400;
      position: absolute;
      bottom: 10px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: normal;
    }

    /*!sc*/
    .gkBibs .pic-box {
      position: relative;
    }

    /*!sc*/
    .gkBibs .pic-box:before {
      content: '';
      display: block;
      padding-top: 133.3333%;
    }

    /*!sc*/
    .gkBibs .update-info-layer {
      background-image: linear-gradient(0deg, rgba(10, 12, 15, 0.8) 0%, rgba(10, 12, 15, 0.74) 4%, rgba(10, 12, 15, 0.59) 17%, rgba(10, 12, 15, 0.4) 34%, rgba(10, 12, 15, 0.21) 55%, rgba(10, 12, 15, 0.06) 78%, rgba(10, 12, 15, 0) 100%);
      height: 60px;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 300;
    }

    /*!sc*/
    .gkBibs .update-info-layer.hot {
      background-image: linear-gradient(180deg, rgba(51, 31, 20, 0.00) 1%, rgb(51, 31, 20) 100%);
    }

    /*!sc*/
    .gkBibs .update-info-layer.hot .update-info-mask {
      display: none;
    }

    /*!sc*/
    .gkBibs .update-info-layer.hot .layer-score-wrap {
      display: none;
    }

    /*!sc*/
    .gkBibs .update-info-layer.hot .update-info-hot {
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      -webkit-transform: scale(0.85);
      -ms-transform: scale(0.85);
      transform: scale(0.85);
    }

    /*!sc*/
    .gkBibs .update-info-layer.hot .update-info-hot svg {
      height: 35px;
    }

    /*!sc*/
    .gkBibs .update-info-hot {
      display: none;
    }

    /*!sc*/
    .gkBibs .update-info-mask {
      font-size: 14px;
      color: #ffffff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      font-weight: 500;
      position: absolute;
      left: 8px;
      right: 10px;
      bottom: 10px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    /*!sc*/
    .gkBibs .img {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      object-fit: none;
      width: 100%;
      height: 100%;
      background-color: #303440;
    }

    /*!sc*/
    .gkBibs.lightSlider {
      width: 100%;
    }

    /*!sc*/
    .gkBibs .layer-score-wrap {
      display: inline-block;
      position: absolute;
      left: 8px;
      right: 10px;
      bottom: 10px;
    }

    /*!sc*/
    .gkBibs .layer-score-wrap .album-score {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      color: white;
      position: relative;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }

    /*!sc*/
    .gkBibs .layer-score-wrap .album-score .all-score-info {
      position: relative;
    }

    /*!sc*/
    .gkBibs .layer-score-wrap .album-score .all-score-info .score-info-whiteStar svg {
      position: relative;
      top: 2px;
      height: 13px;
      width: 13px;
    }

    /*!sc*/
    .gkBibs .layer-score-wrap .album-score .all-score-info .score-info-whiteStar svg path {
      fill: #fff;
    }

    /*!sc*/
    .gkBibs .layer-score-wrap .album-score .all-score-info .score-info-number {
      font-size: 14px;
      color: #fff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.7);
      font-weight: 700;
      margin: 0 4px;
    }

    /*!sc*/
    .gkBibs .layer-score-wrap .album-score .all-score-info .score-info-person-number {
      font-size: 16px;
      color: #999999;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
    }

    /*!sc*/
    .gkBibs .img_icon_mark {
      position: absolute;
      right: 0;
      top: 0;
      display: inline-block;
      font-size: 12px;
      color: #ffffff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      line-height: 14px;
      border-radius: 2px;
      border-radius: 2px;
      text-align: center;
      padding: 3px 4px;
    }

    /*!sc*/
    .gkBibs .img_icon_mark.produced {
      background-image: linear-gradient(90deg, #cf0248 0%, #e80553 100%);
    }

    /*!sc*/
    .gkBibs .img_icon_mark.exclusive {
      background: #cf0248;
    }

    /*!sc*/
    @media screen and (max-width:767px) {
      .gkBibs {
        width: calc(100% / 3);
      }

      .gkBibs.horizontal {
        width: calc(100% / 2);
      }

      .gkBibs .plist-img-wrap {
        margin-right: 8px;
        margin-bottom: 0px;
      }

      .gkBibs .text-box.hot .hot-update-info {
        font-size: 12px;
      }
    }

    /*!sc*/
    @media screen and (min-width:768px) and (max-width:1023px) {
      .gkBibs {
        width: calc(100% / 4);
      }

      .gkBibs.horizontal {
        width: calc(100% / 3);
      }

      .gkBibs .text-box.hot .hot-update-info {
        font-size: 12px;
      }

      .gkBibs .update-info-layer.hot .update-info-hot svg text {
        font-size: 22px;
      }
    }

    /*!sc*/
    @media screen and (max-width:767px) {
      .gkBibs.pc-row.lightSlider .plist-img-wrap:hover {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
      }

      .gkBibs .update-info-layer.hot .update-info-hot svg text {
        font-size: 24px;
      }
    }

    /*!sc*/
    @media screen and (min-width:1680px) {
      .gkBibs {
        width: calc(100% / 8);
      }

      .gkBibs.horizontal {
        width: calc(100% / 6);
      }

      .gkBibs .plist-img-wrap {
        margin-bottom: 0px;
      }

      .gkBibs .text-box {
        font-size: 16px;
      }

      .gkBibs .text-box .title,
      .gkBibs .text-box .hot-update-info {
        font-size: 16px;
      }

      .gkBibs .text-box.hot {
        height: 76px;
      }

      .gkBibs .update-info-layer.hot .update-info-hot {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        left: 10px;
      }
    }

    /*!sc*/
    @media screen and (max-width:1680px) {
      .gkBibs .text-box.hot .hot-update-info {
        font-size: 12px;
      }

      .gkBibs .update-info-layer .update-info-mask {
        font-size: 12px;
      }

      .gkBibs .update-info-layer.hot .update-info-hot svg text {
        font-size: 24px;
      }
    }

    /*!sc*/
    .cgGejr {
      width: calc(100% / 6);
      -webkit-transform: translate(0px);
      -ms-transform: translate(0px);
      transform: translate(0px);
      position: relative;
      display: inline-block;
      vertical-align: top;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
    }

    /*!sc*/
    .cgGejr.horizontal {
      width: calc(100% / 4);
    }

    /*!sc*/
    .cgGejr.horizontal.lightSlider {
      width: 100%;
    }

    /*!sc*/
    .cgGejr.horizontal .pic-box:before {
      padding-top: 56.25%;
    }

    /*!sc*/
    .cgGejr.special-img-num {
      width: calc(100% /);
    }

    /*!sc*/
    .cgGejr .plist-img-wrap {
      margin-right: 16px;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
    }

    /*!sc*/
    .cgGejr.lightSlider .plist-img-wrap {
      margin-right: 0;
    }

    /*!sc*/
    .cgGejr.lightSlider .text-box {
      height: 40px;
    }

    /*!sc*/
    .cgGejr.pc-row .plist-img-wrap:hover {
      -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
      transform: scale(1.05);
    }

    /*!sc*/
    .cgGejr.pc-row .plist-img-wrap:hover .text-box .title {
      color: #eb1c63;
      opacity: 1;
    }

    /*!sc*/
    .cgGejr.pc-row .plist-img-wrap:hover .mask-container {
      display: block;
    }

    /*!sc*/
    .cgGejr.pc-row.lightSlider .plist-img-wrap:hover {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
    }

    /*!sc*/
    .cgGejr .text-box {
      position: relative;
      padding: 0.1rem 0 0;
      font-size: 14px;
      -webkit-transition: color 0.3s;
      transition: color 0.3s;
    }

    /*!sc*/
    .cgGejr .text-box .title {
      white-space: normal;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      color: #fff;
      font-weight: 500;
      font-size: 14px;
    }

    /*!sc*/
    .cgGejr .text-box .hot-update-info {
      display: none;
    }

    /*!sc*/
    .cgGejr .text-box.hot {
      height: 70px;
      background: rgb(51, 32, 20);
      border-radius: 0 0 6px 6px;
    }

    /*!sc*/
    .cgGejr .text-box.hot .title {
      margin: 0 10px 6px;
    }

    /*!sc*/
    .cgGejr .text-box.hot .hot-update-info {
      margin: 0 10px;
      font-size: 13px;
      color: rgba(255, 255, 255, 0.7);
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      font-weight: 400;
      position: absolute;
      bottom: 10px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: normal;
    }

    /*!sc*/
    .cgGejr .pic-box {
      position: relative;
    }

    /*!sc*/
    .cgGejr .pic-box:before {
      content: '';
      display: block;
      padding-top: 133.3333%;
    }

    /*!sc*/
    .cgGejr .update-info-layer {
      background-image: linear-gradient(0deg, rgba(10, 12, 15, 0.8) 0%, rgba(10, 12, 15, 0.74) 4%, rgba(10, 12, 15, 0.59) 17%, rgba(10, 12, 15, 0.4) 34%, rgba(10, 12, 15, 0.21) 55%, rgba(10, 12, 15, 0.06) 78%, rgba(10, 12, 15, 0) 100%);
      height: 60px;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 300;
    }

    /*!sc*/
    .cgGejr .update-info-layer.hot {
      background-image: linear-gradient(180deg, rgba(17, 19, 25, 0.00) 1%, rgb(51, 32, 20) 100%);
    }

    /*!sc*/
    .cgGejr .update-info-layer.hot .update-info-mask {
      display: none;
    }

    /*!sc*/
    .cgGejr .update-info-layer.hot .layer-score-wrap {
      display: none;
    }

    /*!sc*/
    .cgGejr .update-info-layer.hot .update-info-hot {
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      -webkit-transform: scale(0.85);
      -ms-transform: scale(0.85);
      transform: scale(0.85);
    }

    /*!sc*/
    .cgGejr .update-info-layer.hot .update-info-hot svg {
      height: 35px;
    }

    /*!sc*/
    .cgGejr .update-info-hot {
      display: none;
    }

    /*!sc*/
    .cgGejr .update-info-mask {
      font-size: 14px;
      color: #ffffff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      font-weight: 500;
      position: absolute;
      left: 8px;
      right: 10px;
      bottom: 10px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    /*!sc*/
    .cgGejr .img {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      object-fit: none;
      width: 100%;
      height: 100%;
      background-color: #303440;
    }

    /*!sc*/
    .cgGejr.lightSlider {
      width: 100%;
    }

    /*!sc*/
    .cgGejr .layer-score-wrap {
      display: inline-block;
      position: absolute;
      left: 8px;
      right: 10px;
      bottom: 10px;
    }

    /*!sc*/
    .cgGejr .layer-score-wrap .album-score {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      color: white;
      position: relative;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }

    /*!sc*/
    .cgGejr .layer-score-wrap .album-score .all-score-info {
      position: relative;
    }

    /*!sc*/
    .cgGejr .layer-score-wrap .album-score .all-score-info .score-info-whiteStar svg {
      position: relative;
      top: 2px;
      height: 13px;
      width: 13px;
    }

    /*!sc*/
    .cgGejr .layer-score-wrap .album-score .all-score-info .score-info-whiteStar svg path {
      fill: #fff;
    }

    /*!sc*/
    .cgGejr .layer-score-wrap .album-score .all-score-info .score-info-number {
      font-size: 14px;
      color: #fff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.7);
      font-weight: 700;
      margin: 0 4px;
    }

    /*!sc*/
    .cgGejr .layer-score-wrap .album-score .all-score-info .score-info-person-number {
      font-size: 16px;
      color: #999999;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
    }

    /*!sc*/
    .cgGejr .img_icon_mark {
      position: absolute;
      right: 0;
      top: 0;
      display: inline-block;
      font-size: 12px;
      color: #ffffff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      line-height: 14px;
      border-radius: 2px;
      border-radius: 2px;
      text-align: center;
      padding: 3px 4px;
    }

    /*!sc*/
    .cgGejr .img_icon_mark.produced {
      background-image: linear-gradient(90deg, #cf0248 0%, #e80553 100%);
    }

    /*!sc*/
    .cgGejr .img_icon_mark.exclusive {
      background: #cf0248;
    }

    /*!sc*/
    @media screen and (max-width:767px) {
      .cgGejr {
        width: calc(100% / 3);
      }

      .cgGejr.horizontal {
        width: calc(100% / 2);
      }

      .cgGejr .plist-img-wrap {
        margin-right: 8px;
        margin-bottom: 0px;
      }

      .cgGejr .text-box.hot .hot-update-info {
        font-size: 12px;
      }
    }

    /*!sc*/
    @media screen and (min-width:768px) and (max-width:1023px) {
      .cgGejr {
        width: calc(100% / 4);
      }

      .cgGejr.horizontal {
        width: calc(100% / 3);
      }

      .cgGejr .text-box.hot .hot-update-info {
        font-size: 12px;
      }

      .cgGejr .update-info-layer.hot .update-info-hot svg text {
        font-size: 22px;
      }
    }

    /*!sc*/
    @media screen and (max-width:767px) {
      .cgGejr.pc-row.lightSlider .plist-img-wrap:hover {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
      }

      .cgGejr .update-info-layer.hot .update-info-hot svg text {
        font-size: 24px;
      }
    }

    /*!sc*/
    @media screen and (min-width:1680px) {
      .cgGejr {
        width: calc(100% / 8);
      }

      .cgGejr.horizontal {
        width: calc(100% / 6);
      }

      .cgGejr .plist-img-wrap {
        margin-bottom: 0px;
      }

      .cgGejr .text-box {
        font-size: 16px;
      }

      .cgGejr .text-box .title,
      .cgGejr .text-box .hot-update-info {
        font-size: 16px;
      }

      .cgGejr .text-box.hot {
        height: 76px;
      }

      .cgGejr .update-info-layer.hot .update-info-hot {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        left: 10px;
      }
    }

    /*!sc*/
    @media screen and (max-width:1680px) {
      .cgGejr .text-box.hot .hot-update-info {
        font-size: 12px;
      }

      .cgGejr .update-info-layer .update-info-mask {
        font-size: 12px;
      }

      .cgGejr .update-info-layer.hot .update-info-hot svg text {
        font-size: 24px;
      }
    }

    /*!sc*/
    .dGFkye {
      width: calc(100% / 6);
      -webkit-transform: translate(0px);
      -ms-transform: translate(0px);
      transform: translate(0px);
      position: relative;
      display: inline-block;
      vertical-align: top;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
    }

    /*!sc*/
    .dGFkye.horizontal {
      width: calc(100% / 4);
    }

    /*!sc*/
    .dGFkye.horizontal.lightSlider {
      width: 100%;
    }

    /*!sc*/
    .dGFkye.horizontal .pic-box:before {
      padding-top: 56.25%;
    }

    /*!sc*/
    .dGFkye.special-img-num {
      width: calc(100% /);
    }

    /*!sc*/
    .dGFkye .plist-img-wrap {
      margin-right: 16px;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
    }

    /*!sc*/
    .dGFkye.lightSlider .plist-img-wrap {
      margin-right: 0;
    }

    /*!sc*/
    .dGFkye.lightSlider .text-box {
      height: 40px;
    }

    /*!sc*/
    .dGFkye.pc-row .plist-img-wrap:hover {
      -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
      transform: scale(1.05);
    }

    /*!sc*/
    .dGFkye.pc-row .plist-img-wrap:hover .text-box .title {
      color: #eb1c63;
      opacity: 1;
    }

    /*!sc*/
    .dGFkye.pc-row .plist-img-wrap:hover .mask-container {
      display: block;
    }

    /*!sc*/
    .dGFkye.pc-row.lightSlider .plist-img-wrap:hover {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
    }

    /*!sc*/
    .dGFkye .text-box {
      position: relative;
      padding: 0.1rem 0 0;
      font-size: 14px;
      -webkit-transition: color 0.3s;
      transition: color 0.3s;
    }

    /*!sc*/
    .dGFkye .text-box .title {
      white-space: normal;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      color: #fff;
      font-weight: 500;
      font-size: 14px;
    }

    /*!sc*/
    .dGFkye .text-box .hot-update-info {
      display: none;
    }

    /*!sc*/
    .dGFkye .text-box.hot {
      height: 70px;
      background: rgb(51, 33, 20);
      border-radius: 0 0 6px 6px;
    }

    /*!sc*/
    .dGFkye .text-box.hot .title {
      margin: 0 10px 6px;
    }


    /*!sc*/
    .dGFkye .text-box.hot .hot-update-info {
      margin: 0 10px;
      font-size: 13px;
      color: rgba(255, 255, 255, 0.7);
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      font-weight: 400;
      position: absolute;
      bottom: 10px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: normal;
    }

    /*!sc*/
    .dGFkye .pic-box {
      position: relative;
    }

    /*!sc*/
    .dGFkye .pic-box:before {
      content: '';
      display: block;
      padding-top: 133.3333%;
    }

    /*!sc*/
    .dGFkye .update-info-layer {
      background-image: linear-gradient(0deg, rgba(10, 12, 15, 0.8) 0%, rgba(10, 12, 15, 0.74) 4%, rgba(10, 12, 15, 0.59) 17%, rgba(10, 12, 15, 0.4) 34%, rgba(10, 12, 15, 0.21) 55%, rgba(10, 12, 15, 0.06) 78%, rgba(10, 12, 15, 0) 100%);
      height: 60px;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 300;
    }

    /*!sc*/
    .dGFkye .update-info-layer.hot {
      background-image: linear-gradient(180deg, rgba(51, 33, 20, 0.00) 1%, rgb(51, 33, 20) 100%);
    }

    /*!sc*/
    .dGFkye .update-info-layer.hot .update-info-mask {
      display: none;
    }

    /*!sc*/
    .dGFkye .update-info-layer.hot .layer-score-wrap {
      display: none;
    }

    /*!sc*/
    .dGFkye .update-info-layer.hot .update-info-hot {
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      -webkit-transform: scale(0.85);
      -ms-transform: scale(0.85);
      transform: scale(0.85);
    }

    /*!sc*/
    .dGFkye .update-info-layer.hot .update-info-hot svg {
      height: 35px;
    }

    /*!sc*/
    .dGFkye .update-info-hot {
      display: none;
    }

    /*!sc*/
    .dGFkye .update-info-mask {
      font-size: 14px;
      color: #ffffff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      font-weight: 500;
      position: absolute;
      left: 8px;
      right: 10px;
      bottom: 10px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    /*!sc*/
    .dGFkye .img {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      object-fit: none;
      width: 100%;
      height: 100%;
      background-color: #303440;
    }

    /*!sc*/
    .dGFkye.lightSlider {
      width: 100%;
    }

    /*!sc*/
    .dGFkye .layer-score-wrap {
      display: inline-block;
      position: absolute;
      left: 8px;
      right: 10px;
      bottom: 10px;
    }

    /*!sc*/
    .dGFkye .layer-score-wrap .album-score {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      color: white;
      position: relative;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }

    /*!sc*/
    .dGFkye .layer-score-wrap .album-score .all-score-info {
      position: relative;
    }

    /*!sc*/
    .dGFkye .layer-score-wrap .album-score .all-score-info .score-info-whiteStar svg {
      position: relative;
      top: 2px;
      height: 13px;
      width: 13px;
    }

    /*!sc*/
    .dGFkye .layer-score-wrap .album-score .all-score-info .score-info-whiteStar svg path {
      fill: #fff;
    }

    /*!sc*/
    .dGFkye .layer-score-wrap .album-score .all-score-info .score-info-number {
      font-size: 14px;
      color: #fff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.7);
      font-weight: 700;
      margin: 0 4px;
    }

    /*!sc*/
    .dGFkye .layer-score-wrap .album-score .all-score-info .score-info-person-number {
      font-size: 16px;
      color: #999999;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
    }

    /*!sc*/
    .dGFkye .img_icon_mark {
      position: absolute;
      right: 0;
      top: 0;
      display: inline-block;
      font-size: 12px;
      color: #ffffff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      line-height: 14px;
      border-radius: 2px;
      border-radius: 2px;
      text-align: center;
      padding: 3px 4px;
    }

    /*!sc*/
    .dGFkye .img_icon_mark.produced {
      background-image: linear-gradient(90deg, #cf0248 0%, #e80553 100%);
    }

    /*!sc*/
    .dGFkye .img_icon_mark.exclusive {
      background: #cf0248;
    }

    /*!sc*/
    @media screen and (max-width:767px) {
      .dGFkye {
        width: calc(100% / 3);
      }

      .dGFkye.horizontal {
        width: calc(100% / 2);
      }

      .dGFkye .plist-img-wrap {
        margin-right: 8px;
        margin-bottom: 0px;
      }

      .dGFkye .text-box.hot .hot-update-info {
        font-size: 12px;
      }
    }

    /*!sc*/
    @media screen and (min-width:768px) and (max-width:1023px) {
      .dGFkye {
        width: calc(100% / 4);
      }

      .dGFkye.horizontal {
        width: calc(100% / 3);
      }

      .dGFkye .text-box.hot .hot-update-info {
        font-size: 12px;
      }

      .dGFkye .update-info-layer.hot .update-info-hot svg text {
        font-size: 22px;
      }
    }

    /*!sc*/
    @media screen and (max-width:767px) {
      .dGFkye.pc-row.lightSlider .plist-img-wrap:hover {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
      }

      .dGFkye .update-info-layer.hot .update-info-hot svg text {
        font-size: 24px;
      }
    }

    /*!sc*/
    @media screen and (min-width:1680px) {
      .dGFkye {
        width: calc(100% / 8);
      }

      .dGFkye.horizontal {
        width: calc(100% / 6);
      }

      .dGFkye .plist-img-wrap {
        margin-bottom: 0px;
      }

      .dGFkye .text-box {
        font-size: 16px;
      }

      .dGFkye .text-box .title,
      .dGFkye .text-box .hot-update-info {
        font-size: 16px;
      }

      .dGFkye .text-box.hot {
        height: 76px;
      }

      .dGFkye .update-info-layer.hot .update-info-hot {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        left: 10px;
      }
    }

    /*!sc*/
    @media screen and (max-width:1680px) {
      .dGFkye .text-box.hot .hot-update-info {
        font-size: 12px;
      }

      .dGFkye .update-info-layer .update-info-mask {
        font-size: 12px;
      }

      .dGFkye .update-info-layer.hot .update-info-hot svg text {
        font-size: 24px;
      }
    }

    /*!sc*/
    .idaLGZ {
      width: calc(100% / 6);
      -webkit-transform: translate(0px);
      -ms-transform: translate(0px);
      transform: translate(0px);
      position: relative;
      display: inline-block;
      vertical-align: top;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
    }

    /*!sc*/
    .idaLGZ.horizontal {
      width: calc(100% / 4);
    }

    /*!sc*/
    .idaLGZ.horizontal.lightSlider {
      width: 100%;
    }

    /*!sc*/
    .idaLGZ.horizontal .pic-box:before {
      padding-top: 56.25%;
    }

    /*!sc*/
    .idaLGZ.special-img-num {
      width: calc(100% /);
    }

    /*!sc*/
    .idaLGZ .plist-img-wrap {
      margin-right: 16px;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
    }

    /*!sc*/
    .idaLGZ.lightSlider .plist-img-wrap {
      margin-right: 0;
    }

    /*!sc*/
    .idaLGZ.lightSlider .text-box {
      height: 40px;
    }

    /*!sc*/
    .idaLGZ.pc-row .plist-img-wrap:hover {
      -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
      transform: scale(1.05);
    }

    /*!sc*/
    .idaLGZ.pc-row .plist-img-wrap:hover .text-box .title {
      color: #eb1c63;
      opacity: 1;
    }

    /*!sc*/
    .idaLGZ.pc-row .plist-img-wrap:hover .mask-container {
      display: block;
    }

    /*!sc*/
    .idaLGZ.pc-row.lightSlider .plist-img-wrap:hover {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
    }

    /*!sc*/
    .idaLGZ .text-box {
      position: relative;
      padding: 0.1rem 0 0;
      font-size: 14px;
      -webkit-transition: color 0.3s;
      transition: color 0.3s;
    }

    /*!sc*/
    .idaLGZ .text-box .title {
      white-space: normal;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      color: #fff;
      font-weight: 500;
      font-size: 14px;
    }

    /*!sc*/
    .idaLGZ .text-box .hot-update-info {
      display: none;
    }

    /*!sc*/
    .idaLGZ .text-box.hot {
      height: 70px;
      background: rgb(51, 20, 34);
      border-radius: 0 0 6px 6px;
    }

    /*!sc*/
    .idaLGZ .text-box.hot .title {
      margin: 0 10px 6px;
      z-index: 111;
    }

    /*!sc*/
    .idaLGZ .text-box.hot .hot-update-info {
      margin: 0 10px;
      font-size: 13px;
      color: rgba(255, 255, 255, 0.7);
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      font-weight: 400;
      position: absolute;
      bottom: 10px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: normal;
    }

    /*!sc*/
    .idaLGZ .pic-box {
      position: relative;
    }

    /*!sc*/
    .idaLGZ .pic-box:before {
      content: '';
      display: block;
      padding-top: 133.3333%;
    }

    /*!sc*/
    .idaLGZ .update-info-layer {
      background-image: linear-gradient(0deg, rgba(10, 12, 15, 0.8) 0%, rgba(10, 12, 15, 0.74) 4%, rgba(10, 12, 15, 0.59) 17%, rgba(10, 12, 15, 0.4) 34%, rgba(10, 12, 15, 0.21) 55%, rgba(10, 12, 15, 0.06) 78%, rgba(10, 12, 15, 0) 100%);
      height: 60px;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 300;
    }

    /*!sc*/
    .idaLGZ .update-info-layer.hot {
      background-image: linear-gradient(180deg, rgba(51, 20, 34, 0.00) 1%, rgb(51, 20, 34) 100%);
    }

    /*!sc*/
    .idaLGZ .update-info-layer.hot .update-info-mask {
      display: none;
    }

    /*!sc*/
    .idaLGZ .update-info-layer.hot .layer-score-wrap {
      display: none;
    }

    /*!sc*/
    .idaLGZ .update-info-layer.hot .update-info-hot {
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      -webkit-transform: scale(0.85);
      -ms-transform: scale(0.85);
      transform: scale(0.85);
    }

    /*!sc*/
    .idaLGZ .update-info-layer.hot .update-info-hot svg {
      height: 35px;
    }

    /*!sc*/
    .idaLGZ .update-info-hot {
      display: none;
    }

    /*!sc*/
    .idaLGZ .update-info-mask {
      font-size: 14px;
      color: #ffffff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      font-weight: 500;
      position: absolute;
      left: 8px;
      right: 10px;
      bottom: 10px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    /*!sc*/
    .idaLGZ .img {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      object-fit: none;
      width: 100%;
      height: 100%;
      background-color: #303440;
    }

    /*!sc*/
    .idaLGZ.lightSlider {
      width: 100%;
    }

    /*!sc*/
    .idaLGZ .layer-score-wrap {
      display: inline-block;
      position: absolute;
      left: 8px;
      right: 10px;
      bottom: 10px;
    }

    /*!sc*/
    .idaLGZ .layer-score-wrap .album-score {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      color: white;
      position: relative;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }

    /*!sc*/
    .idaLGZ .layer-score-wrap .album-score .all-score-info {
      position: relative;
    }

    /*!sc*/
    .idaLGZ .layer-score-wrap .album-score .all-score-info .score-info-whiteStar svg {
      position: relative;
      top: 2px;
      height: 13px;
      width: 13px;
    }

    /*!sc*/
    .idaLGZ .layer-score-wrap .album-score .all-score-info .score-info-whiteStar svg path {
      fill: #fff;
    }

    /*!sc*/
    .idaLGZ .layer-score-wrap .album-score .all-score-info .score-info-number {
      font-size: 14px;
      color: #fff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.7);
      font-weight: 700;
      margin: 0 4px;
    }

    /*!sc*/
    .idaLGZ .layer-score-wrap .album-score .all-score-info .score-info-person-number {
      font-size: 16px;
      color: #999999;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
    }

    /*!sc*/
    .idaLGZ .img_icon_mark {
      position: absolute;
      right: 0;
      top: 0;
      display: inline-block;
      font-size: 12px;
      color: #ffffff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      line-height: 14px;
      border-radius: 2px;
      border-radius: 2px;
      text-align: center;
      padding: 3px 4px;
    }

    /*!sc*/
    .idaLGZ .img_icon_mark.produced {
      background-image: linear-gradient(90deg, #cf0248 0%, #e80553 100%);
    }

    /*!sc*/
    .idaLGZ .img_icon_mark.exclusive {
      background: #cf0248;
    }

    /*!sc*/
    @media screen and (max-width:767px) {
      .idaLGZ {
        width: calc(100% / 3);
      }

      .idaLGZ.horizontal {
        width: calc(100% / 2);
      }

      .idaLGZ .plist-img-wrap {
        margin-right: 8px;
        margin-bottom: 0px;
      }

      .idaLGZ .text-box.hot .hot-update-info {
        font-size: 12px;
      }
    }

    /*!sc*/
    @media screen and (min-width:768px) and (max-width:1023px) {
      .idaLGZ {
        width: calc(100% / 4);
      }

      .idaLGZ.horizontal {
        width: calc(100% / 3);
      }

      .idaLGZ .text-box.hot .hot-update-info {
        font-size: 12px;
      }

      .idaLGZ .update-info-layer.hot .update-info-hot svg text {
        font-size: 22px;
      }
    }

    /*!sc*/
    @media screen and (max-width:767px) {
      .idaLGZ.pc-row.lightSlider .plist-img-wrap:hover {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
      }

      .idaLGZ .update-info-layer.hot .update-info-hot svg text {
        font-size: 24px;
      }
    }

    /*!sc*/
    @media screen and (min-width:1680px) {
      .idaLGZ {
        width: calc(100% / 8);
      }

      .idaLGZ.horizontal {
        width: calc(100% / 6);
      }

      .idaLGZ .plist-img-wrap {
        margin-bottom: 0px;
      }

      .idaLGZ .text-box {
        font-size: 16px;
      }

      .idaLGZ .text-box .title,
      .idaLGZ .text-box .hot-update-info {
        font-size: 16px;
      }

      .idaLGZ .text-box.hot {
        height: 76px;
       
      }

      .idaLGZ .update-info-layer.hot .update-info-hot {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        left: 10px;
      }
    }

    /*!sc*/
    @media screen and (max-width:1680px) {
      .idaLGZ .text-box.hot .hot-update-info {
        font-size: 12px;
      }

      .idaLGZ .update-info-layer .update-info-mask {
        font-size: 12px;
      }

      .idaLGZ .update-info-layer.hot .update-info-hot svg text {
        font-size: 24px;
      }
    }

    /*!sc*/
    .fEWzvZ {
      width: calc(100% / 6);
      -webkit-transform: translate(0px);
      -ms-transform: translate(0px);
      transform: translate(0px);
      position: relative;
      display: inline-block;
      vertical-align: top;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
    }

    /*!sc*/
    .fEWzvZ.horizontal {
      width: calc(100% / 4);
    }

    /*!sc*/
    .fEWzvZ.horizontal.lightSlider {
      width: 100%;
    }

    /*!sc*/
    .fEWzvZ.horizontal .pic-box:before {
      padding-top: 56.25%;
    }

    /*!sc*/
    .fEWzvZ.special-img-num {
      width: calc(100% /);
    }

    /*!sc*/
    .fEWzvZ .plist-img-wrap {
      margin-right: 16px;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
    }

    /*!sc*/
    .fEWzvZ.lightSlider .plist-img-wrap {
      margin-right: 0;
    }

    /*!sc*/
    .fEWzvZ.lightSlider .text-box {
      height: 40px;
    }

    /*!sc*/
    .fEWzvZ.pc-row .plist-img-wrap:hover {
      -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
      transform: scale(1.05);
    }

    /*!sc*/
    .fEWzvZ.pc-row .plist-img-wrap:hover .text-box .title {
      color: #eb1c63;
      opacity: 1;
    }

    /*!sc*/
    .fEWzvZ.pc-row .plist-img-wrap:hover .mask-container {
      display: block;
    }

    /*!sc*/
    .fEWzvZ.pc-row.lightSlider .plist-img-wrap:hover {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
    }

    /*!sc*/
    .fEWzvZ .text-box {
      position: relative;
      padding: 0.1rem 0 0;
      font-size: 14px;
      -webkit-transition: color 0.3s;
      transition: color 0.3s;
    }

    /*!sc*/
    .fEWzvZ .text-box .title {
      white-space: normal;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      color: #fff;
      font-weight: 500;
      font-size: 14px;
    }

    /*!sc*/
    .fEWzvZ .text-box .hot-update-info {
      display: none;
    }

    /*!sc*/
    .fEWzvZ .text-box.hot {
      height: 70px;
      background: rgb(51, 20, 30);
      border-radius: 0 0 6px 6px;
    }

    /*!sc*/
    .fEWzvZ .text-box.hot .title {
      margin: 0 10px 6px;
    }

    /*!sc*/
    .fEWzvZ .text-box.hot .hot-update-info {
      margin: 0 10px;
      font-size: 13px;
      color: rgba(255, 255, 255, 0.7);
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      font-weight: 400;
      position: absolute;
      bottom: 10px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: normal;
    }

    /*!sc*/
    .fEWzvZ .pic-box {
      position: relative;
    }

    /*!sc*/
    .fEWzvZ .pic-box:before {
      content: '';
      display: block;
      padding-top: 133.3333%;
    }

    /*!sc*/
    .fEWzvZ .update-info-layer {
      background-image: linear-gradient(0deg, rgba(10, 12, 15, 0.8) 0%, rgba(10, 12, 15, 0.74) 4%, rgba(10, 12, 15, 0.59) 17%, rgba(10, 12, 15, 0.4) 34%, rgba(10, 12, 15, 0.21) 55%, rgba(10, 12, 15, 0.06) 78%, rgba(10, 12, 15, 0) 100%);
      height: 60px;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 300;
    }

    /*!sc*/
    .fEWzvZ .update-info-layer.hot {
      background-image: linear-gradient(180deg, rgba(51, 20, 30, 0.00) 1%, rgb(51, 20, 30) 100%);
    }

    /*!sc*/
    .fEWzvZ .update-info-layer.hot .update-info-mask {
      display: none;
    }

    /*!sc*/
    .fEWzvZ .update-info-layer.hot .layer-score-wrap {
      display: none;
    }

    /*!sc*/
    .fEWzvZ .update-info-layer.hot .update-info-hot {
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      -webkit-transform: scale(0.85);
      -ms-transform: scale(0.85);
      transform: scale(0.85);
    }

    /*!sc*/
    .fEWzvZ .update-info-layer.hot .update-info-hot svg {
      height: 35px;
    }

    /*!sc*/
    .fEWzvZ .update-info-hot {
      display: none;
    }

    /*!sc*/
    .fEWzvZ .update-info-mask {
      font-size: 14px;
      color: #ffffff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      font-weight: 500;
      position: absolute;
      left: 8px;
      right: 10px;
      bottom: 10px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    /*!sc*/
    .fEWzvZ .img {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      object-fit: none;
      width: 100%;
      height: 100%;
      background-color: #303440;
    }

    /*!sc*/
    .fEWzvZ.lightSlider {
      width: 100%;
    }

    /*!sc*/
    .fEWzvZ .layer-score-wrap {
      display: inline-block;
      position: absolute;
      left: 8px;
      right: 10px;
      bottom: 10px;
    }

    /*!sc*/
    .fEWzvZ .layer-score-wrap .album-score {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      color: white;
      position: relative;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }

    /*!sc*/
    .fEWzvZ .layer-score-wrap .album-score .all-score-info {
      position: relative;
    }

    /*!sc*/
    .fEWzvZ .layer-score-wrap .album-score .all-score-info .score-info-whiteStar svg {
      position: relative;
      top: 2px;
      height: 13px;
      width: 13px;
    }

    /*!sc*/
    .fEWzvZ .layer-score-wrap .album-score .all-score-info .score-info-whiteStar svg path {
      fill: #fff;
    }

    /*!sc*/
    .fEWzvZ .layer-score-wrap .album-score .all-score-info .score-info-number {
      font-size: 14px;
      color: #fff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.7);
      font-weight: 700;
      margin: 0 4px;
    }

    /*!sc*/
    .fEWzvZ .layer-score-wrap .album-score .all-score-info .score-info-person-number {
      font-size: 16px;
      color: #999999;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
    }

    /*!sc*/
    .fEWzvZ .img_icon_mark {
      position: absolute;
      right: 0;
      top: 0;
      display: inline-block;
      font-size: 12px;
      color: #ffffff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      line-height: 14px;
      border-radius: 2px;
      border-radius: 2px;
      text-align: center;
      padding: 3px 4px;
    }

    /*!sc*/
    .fEWzvZ .img_icon_mark.produced {
      background-image: linear-gradient(90deg, #cf0248 0%, #e80553 100%);
    }

    /*!sc*/
    .fEWzvZ .img_icon_mark.exclusive {
      background: #cf0248;
    }

    /*!sc*/
    @media screen and (max-width:767px) {
      .fEWzvZ {
        width: calc(100% / 3);
      }

      .fEWzvZ.horizontal {
        width: calc(100% / 2);
      }

      .fEWzvZ .plist-img-wrap {
        margin-right: 8px;
        margin-bottom: 0px;
      }

      .fEWzvZ .text-box.hot .hot-update-info {
        font-size: 12px;
      }
    }

    /*!sc*/
    @media screen and (min-width:768px) and (max-width:1023px) {
      .fEWzvZ {
        width: calc(100% / 4);
      }

      .fEWzvZ.horizontal {
        width: calc(100% / 3);
      }

      .fEWzvZ .text-box.hot .hot-update-info {
        font-size: 12px;
      }

      .fEWzvZ .update-info-layer.hot .update-info-hot svg text {
        font-size: 22px;
      }
    }

    /*!sc*/
    @media screen and (max-width:767px) {
      .fEWzvZ.pc-row.lightSlider .plist-img-wrap:hover {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
      }

      .fEWzvZ .update-info-layer.hot .update-info-hot svg text {
        font-size: 24px;
      }
    }

    /*!sc*/
    @media screen and (min-width:1680px) {
      .fEWzvZ {
        width: calc(100% / 8);
      }

      .fEWzvZ.horizontal {
        width: calc(100% / 6);
      }

      .fEWzvZ .plist-img-wrap {
        margin-bottom: 0px;
      }

      .fEWzvZ .text-box {
        font-size: 16px;
      }

      .fEWzvZ .text-box .title,
      .fEWzvZ .text-box .hot-update-info {
        font-size: 16px;
      }

      .fEWzvZ .text-box.hot {
        height: 76px;
      }

      .fEWzvZ .update-info-layer.hot .update-info-hot {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        left: 10px;
      }
    }

    /*!sc*/
    @media screen and (max-width:1680px) {
      .fEWzvZ .text-box.hot .hot-update-info {
        font-size: 12px;
      }

      .fEWzvZ .update-info-layer .update-info-mask {
        font-size: 12px;
      }

      .fEWzvZ .update-info-layer.hot .update-info-hot svg text {
        font-size: 24px;
      }
    }

    /*!sc*/
    .bdJnmJ {
      width: calc(100% / 6);
      -webkit-transform: translate(0px);
      -ms-transform: translate(0px);
      transform: translate(0px);
      position: relative;
      display: inline-block;
      vertical-align: top;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
    }

    /*!sc*/
    .bdJnmJ.horizontal {
      width: calc(100% / 4);
    }

    /*!sc*/
    .bdJnmJ.horizontal.lightSlider {
      width: 100%;
    }

    /*!sc*/
    .bdJnmJ.horizontal .pic-box:before {
      padding-top: 56.25%;
    }

    /*!sc*/
    .bdJnmJ.special-img-num {
      width: calc(100% /);
    }

    /*!sc*/
    .bdJnmJ .plist-img-wrap {
      margin-right: 16px;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
    }

    /*!sc*/
    .bdJnmJ.lightSlider .plist-img-wrap {
      margin-right: 0;
    }

    /*!sc*/
    .bdJnmJ.lightSlider .text-box {
      height: 40px;
    }

    /*!sc*/
    .bdJnmJ.pc-row .plist-img-wrap:hover {
      -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
      transform: scale(1.05);
    }

    /*!sc*/
    .bdJnmJ.pc-row .plist-img-wrap:hover .text-box .title {
      color: #eb1c63;
      opacity: 1;
    }

    /*!sc*/
    .bdJnmJ.pc-row .plist-img-wrap:hover .mask-container {
      display: block;
    }

    /*!sc*/
    .bdJnmJ.pc-row.lightSlider .plist-img-wrap:hover {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
    }

    /*!sc*/
    .bdJnmJ .text-box {
      position: relative;
      padding: 0.1rem 0 0;
      font-size: 14px;
      -webkit-transition: color 0.3s;
      transition: color 0.3s;
    }

    /*!sc*/
    .bdJnmJ .text-box .title {
      white-space: normal;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      color: #fff;
      font-weight: 500;
      font-size: 14px;
    }

    /*!sc*/
    .bdJnmJ .text-box .hot-update-info {
      display: none;
    }

    /*!sc*/
    .bdJnmJ .text-box.hot {
      height: 70px;
      background: rgb(20, 34, 51);
      border-radius: 0 0 6px 6px;
    }

    /*!sc*/
    .bdJnmJ .text-box.hot .title {
      margin: 0 10px 6px;
      z-index: 111;
    }

    /*!sc*/
    .bdJnmJ .text-box.hot .hot-update-info {
      margin: 0 10px;
      font-size: 13px;
      color: rgba(255, 255, 255, 0.7);
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      font-weight: 400;
      position: absolute;
      bottom: 10px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: normal;
    }

    /*!sc*/
    .bdJnmJ .pic-box {
      position: relative;
    }

    /*!sc*/
    .bdJnmJ .pic-box:before {
      content: '';
      display: block;
      padding-top: 133.3333%;
    }

    /*!sc*/
    .bdJnmJ .update-info-layer {
      background-image: linear-gradient(0deg, rgba(10, 12, 15, 0.8) 0%, rgba(10, 12, 15, 0.74) 4%, rgba(10, 12, 15, 0.59) 17%, rgba(10, 12, 15, 0.4) 34%, rgba(10, 12, 15, 0.21) 55%, rgba(10, 12, 15, 0.06) 78%, rgba(10, 12, 15, 0) 100%);
      height: 60px;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 300;
    }

    /*!sc*/
    .bdJnmJ .update-info-layer.hot {
      background-image: linear-gradient(180deg, rgba(20, 34, 51, 0.00) 1%, rgb(20, 34, 51) 100%);
    }

    /*!sc*/
    .bdJnmJ .update-info-layer.hot .update-info-mask {
      display: none;
    }

    /*!sc*/
    .bdJnmJ .update-info-layer.hot .layer-score-wrap {
      display: none;
    }

    /*!sc*/
    .bdJnmJ .update-info-layer.hot .update-info-hot {
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      -webkit-transform: scale(0.85);
      -ms-transform: scale(0.85);
      transform: scale(0.85);
    }

    /*!sc*/
    .bdJnmJ .update-info-layer.hot .update-info-hot svg {
      height: 35px;
    }

    /*!sc*/
    .bdJnmJ .update-info-hot {
      display: none;
    }

    /*!sc*/
    .bdJnmJ .update-info-mask {
      font-size: 14px;
      color: #ffffff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      font-weight: 500;
      position: absolute;
      left: 8px;
      right: 10px;
      bottom: 10px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    /*!sc*/
    .bdJnmJ .img {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      object-fit: none;
      width: 100%;
      height: 100%;
      background-color: #303440;
    }

    /*!sc*/
    .bdJnmJ.lightSlider {
      width: 100%;
    }

    /*!sc*/
    .bdJnmJ .layer-score-wrap {
      display: inline-block;
      position: absolute;
      left: 8px;
      right: 10px;
      bottom: 10px;
    }

    /*!sc*/
    .bdJnmJ .layer-score-wrap .album-score {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      color: white;
      position: relative;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }

    /*!sc*/
    .bdJnmJ .layer-score-wrap .album-score .all-score-info {
      position: relative;
    }

    /*!sc*/
    .bdJnmJ .layer-score-wrap .album-score .all-score-info .score-info-whiteStar svg {
      position: relative;
      top: 2px;
      height: 13px;
      width: 13px;
    }

    /*!sc*/
    .bdJnmJ .layer-score-wrap .album-score .all-score-info .score-info-whiteStar svg path {
      fill: #fff;
    }

    /*!sc*/
    .bdJnmJ .layer-score-wrap .album-score .all-score-info .score-info-number {
      font-size: 14px;
      color: #fff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.7);
      font-weight: 700;
      margin: 0 4px;
    }

    /*!sc*/
    .bdJnmJ .layer-score-wrap .album-score .all-score-info .score-info-person-number {
      font-size: 16px;
      color: #999999;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
    }

    /*!sc*/
    .bdJnmJ .img_icon_mark {
      position: absolute;
      right: 0;
      top: 0;
      display: inline-block;
      font-size: 12px;
      color: #ffffff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      line-height: 14px;
      border-radius: 2px;
      border-radius: 2px;
      text-align: center;
      padding: 3px 4px;
    }

    /*!sc*/
    .bdJnmJ .img_icon_mark.produced {
      background-image: linear-gradient(90deg, #cf0248 0%, #e80553 100%);
    }

    /*!sc*/
    .bdJnmJ .img_icon_mark.exclusive {
      background: #cf0248;
    }

    /*!sc*/
    @media screen and (max-width:767px) {
      .bdJnmJ {
        width: calc(100% / 3);
      }

      .bdJnmJ.horizontal {
        width: calc(100% / 2);
      }

      .bdJnmJ .plist-img-wrap {
        margin-right: 8px;
        margin-bottom: 0px;
      }

      .bdJnmJ .text-box.hot .hot-update-info {
        font-size: 12px;
      }
    }

    /*!sc*/
    @media screen and (min-width:768px) and (max-width:1023px) {
      .bdJnmJ {
        width: calc(100% / 4);
      }

      .bdJnmJ.horizontal {
        width: calc(100% / 3);
      }

      .bdJnmJ .text-box.hot .hot-update-info {
        font-size: 12px;
      }

      .bdJnmJ .update-info-layer.hot .update-info-hot svg text {
        font-size: 22px;
      }
    }

    /*!sc*/
    @media screen and (max-width:767px) {
      .bdJnmJ.pc-row.lightSlider .plist-img-wrap:hover {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
      }

      .bdJnmJ .update-info-layer.hot .update-info-hot svg text {
        font-size: 24px;
      }
    }

    /*!sc*/
    @media screen and (min-width:1680px) {
      .bdJnmJ {
        width: calc(100% / 8);
      }

      .bdJnmJ.horizontal {
        width: calc(100% / 6);
      }

      .bdJnmJ .plist-img-wrap {
        margin-bottom: 0px;
      }

      .bdJnmJ .text-box {
        font-size: 16px;
      }

      .bdJnmJ .text-box .title,
      .bdJnmJ .text-box .hot-update-info {
        font-size: 16px;
      }

      .bdJnmJ .text-box.hot {
        height: 76px;
      }

      .bdJnmJ .update-info-layer.hot .update-info-hot {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        left: 10px;
      }
    }

    /*!sc*/
    @media screen and (max-width:1680px) {
      .bdJnmJ .text-box.hot .hot-update-info {
        font-size: 12px;
      }

      .bdJnmJ .update-info-layer .update-info-mask {
        font-size: 12px;
      }

      .bdJnmJ .update-info-layer.hot .update-info-hot svg text {
        font-size: 24px;
      }
    }

    /*!sc*/
    .gZOvtw {
      width: calc(100% / 6);
      -webkit-transform: translate(0px);
      -ms-transform: translate(0px);
      transform: translate(0px);
      position: relative;
      display: inline-block;
      vertical-align: top;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
    }

    /*!sc*/
    .gZOvtw.horizontal {
      width: calc(100% / 4);
    }

    /*!sc*/
    .gZOvtw.horizontal.lightSlider {
      width: 100%;
    }

    /*!sc*/
    .gZOvtw.horizontal .pic-box:before {
      padding-top: 56.25%;
    }

    /*!sc*/
    .gZOvtw.special-img-num {
      width: calc(100% /);
    }

    /*!sc*/
    .gZOvtw .plist-img-wrap {
      margin-right: 16px;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
    }

    /*!sc*/
    .gZOvtw.lightSlider .plist-img-wrap {
      margin-right: 0;
    }

    /*!sc*/
    .gZOvtw.lightSlider .text-box {
      height: 40px;
    }

    /*!sc*/
    .gZOvtw.pc-row .plist-img-wrap:hover {
      -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
      transform: scale(1.05);
    }

    /*!sc*/
    .gZOvtw.pc-row .plist-img-wrap:hover .text-box .title {
      color: #eb1c63;
      opacity: 1;
    }

    /*!sc*/
    .gZOvtw.pc-row .plist-img-wrap:hover .mask-container {
      display: block;
    }

    /*!sc*/
    .gZOvtw.pc-row.lightSlider .plist-img-wrap:hover {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
    }

    /*!sc*/
    .gZOvtw .text-box {
      position: relative;
      padding: 0.1rem 0 0;
      font-size: 14px;
      -webkit-transition: color 0.3s;
      transition: color 0.3s;
    }

    /*!sc*/
    .gZOvtw .text-box .title {
      white-space: normal;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      color: #fff;
      font-weight: 500;
      font-size: 14px;
    }

    /*!sc*/
    .gZOvtw .text-box .hot-update-info {
      display: none;
    }

    /*!sc*/
    .gZOvtw .text-box.hot {
      height: 70px;
      background: rgb(51, 20, 35);
      border-radius: 0 0 6px 6px;
    }

    /*!sc*/
    .gZOvtw .text-box.hot .title {
      margin: 0 10px 6px;
    }

    /*!sc*/
    .gZOvtw .text-box.hot .hot-update-info {
      margin: 0 10px;
      font-size: 13px;
      color: rgba(255, 255, 255, 0.7);
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      font-weight: 400;
      position: absolute;
      bottom: 10px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: normal;
    }

    /*!sc*/
    .gZOvtw .pic-box {
      position: relative;
    }

    /*!sc*/
    .gZOvtw .pic-box:before {
      content: '';
      display: block;
      padding-top: 133.3333%;
    }

    /*!sc*/
    .gZOvtw .update-info-layer {
      background-image: linear-gradient(0deg, rgba(10, 12, 15, 0.8) 0%, rgba(10, 12, 15, 0.74) 4%, rgba(10, 12, 15, 0.59) 17%, rgba(10, 12, 15, 0.4) 34%, rgba(10, 12, 15, 0.21) 55%, rgba(10, 12, 15, 0.06) 78%, rgba(10, 12, 15, 0) 100%);
      height: 60px;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 300;
    }

    /*!sc*/
    .gZOvtw .update-info-layer.hot {
      background-image: linear-gradient(180deg, rgba(51, 20, 35, 0.00) 1%, rgb(51, 20, 35) 100%);
    }

    /*!sc*/
    .gZOvtw .update-info-layer.hot .update-info-mask {
      display: none;
    }

    /*!sc*/
    .gZOvtw .update-info-layer.hot .layer-score-wrap {
      display: none;
    }

    /*!sc*/
    .gZOvtw .update-info-layer.hot .update-info-hot {
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      -webkit-transform: scale(0.85);
      -ms-transform: scale(0.85);
      transform: scale(0.85);
    }

    /*!sc*/
    .gZOvtw .update-info-layer.hot .update-info-hot svg {
      height: 35px;
    }

    /*!sc*/
    .gZOvtw .update-info-hot {
      display: none;
    }

    /*!sc*/
    .gZOvtw .update-info-mask {
      font-size: 14px;
      color: #ffffff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      font-weight: 500;
      position: absolute;
      left: 8px;
      right: 10px;
      bottom: 10px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    /*!sc*/
    .gZOvtw .img {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      object-fit: none;
      width: 100%;
      height: 100%;
      background-color: #303440;
    }

    /*!sc*/
    .gZOvtw.lightSlider {
      width: 100%;
    }

    /*!sc*/
    .gZOvtw .layer-score-wrap {
      display: inline-block;
      position: absolute;
      left: 8px;
      right: 10px;
      bottom: 10px;
    }

    /*!sc*/
    .gZOvtw .layer-score-wrap .album-score {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      color: white;
      position: relative;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }

    /*!sc*/
    .gZOvtw .layer-score-wrap .album-score .all-score-info {
      position: relative;
    }

    /*!sc*/
    .gZOvtw .layer-score-wrap .album-score .all-score-info .score-info-whiteStar svg {
      position: relative;
      top: 2px;
      height: 13px;
      width: 13px;
    }

    /*!sc*/
    .gZOvtw .layer-score-wrap .album-score .all-score-info .score-info-whiteStar svg path {
      fill: #fff;
    }

    /*!sc*/
    .gZOvtw .layer-score-wrap .album-score .all-score-info .score-info-number {
      font-size: 14px;
      color: #fff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.7);
      font-weight: 700;
      margin: 0 4px;
    }

    /*!sc*/
    .gZOvtw .layer-score-wrap .album-score .all-score-info .score-info-person-number {
      font-size: 16px;
      color: #999999;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
    }

    /*!sc*/
    .gZOvtw .img_icon_mark {
      position: absolute;
      right: 0;
      top: 0;
      display: inline-block;
      font-size: 12px;
      color: #ffffff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      line-height: 14px;
      border-radius: 2px;
      border-radius: 2px;
      text-align: center;
      padding: 3px 4px;
    }

    /*!sc*/
    .gZOvtw .img_icon_mark.produced {
      background-image: linear-gradient(90deg, #cf0248 0%, #e80553 100%);
    }

    /*!sc*/
    .gZOvtw .img_icon_mark.exclusive {
      background: #cf0248;
    }

    /*!sc*/
    @media screen and (max-width:767px) {
      .gZOvtw {
        width: calc(100% / 3);
      }

      .gZOvtw.horizontal {
        width: calc(100% / 2);
      }

      .gZOvtw .plist-img-wrap {
        margin-right: 8px;
        margin-bottom: 0px;
      }

      .gZOvtw .text-box.hot .hot-update-info {
        font-size: 12px;
      }
    }

    /*!sc*/
    @media screen and (min-width:768px) and (max-width:1023px) {
      .gZOvtw {
        width: calc(100% / 4);
      }

      .gZOvtw.horizontal {
        width: calc(100% / 3);
      }

      .gZOvtw .text-box.hot .hot-update-info {
        font-size: 12px;
      }

      .gZOvtw .update-info-layer.hot .update-info-hot svg text {
        font-size: 22px;
      }
    }

    /*!sc*/
    @media screen and (max-width:767px) {
      .gZOvtw.pc-row.lightSlider .plist-img-wrap:hover {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
      }

      .gZOvtw .update-info-layer.hot .update-info-hot svg text {
        font-size: 24px;
      }
    }

    /*!sc*/
    @media screen and (min-width:1680px) {
      .gZOvtw {
        width: calc(100% / 8);
      }

      .gZOvtw.horizontal {
        width: calc(100% / 6);
      }

      .gZOvtw .plist-img-wrap {
        margin-bottom: 0px;
      }

      .gZOvtw .text-box {
        font-size: 16px;
      }

      .gZOvtw .text-box .title,
      .gZOvtw .text-box .hot-update-info {
        font-size: 16px;
      }

      .gZOvtw .text-box.hot {
        height: 76px;
      }

      .gZOvtw .update-info-layer.hot .update-info-hot {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        left: 10px;
      }
    }

    /*!sc*/
    @media screen and (max-width:1680px) {
      .gZOvtw .text-box.hot .hot-update-info {
        font-size: 12px;
      }

      .gZOvtw .update-info-layer .update-info-mask {
        font-size: 12px;
      }

      .gZOvtw .update-info-layer.hot .update-info-hot svg text {
        font-size: 24px;
      }
    }

    /*!sc*/
    .ixCabp {
      width: calc(100% / 6);
      -webkit-transform: translate(0px);
      -ms-transform: translate(0px);
      transform: translate(0px);
      position: relative;
      display: inline-block;
      vertical-align: top;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
    }

    /*!sc*/
    .ixCabp.horizontal {
      width: calc(100% / 4);
    }

    /*!sc*/
    .ixCabp.horizontal.lightSlider {
      width: 100%;
    }

    /*!sc*/
    .ixCabp.horizontal .pic-box:before {
      padding-top: 56.25%;
    }

    /*!sc*/
    .ixCabp.special-img-num {
      width: calc(100% /);
    }

    /*!sc*/
    .ixCabp .plist-img-wrap {
      margin-right: 16px;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
    }

    /*!sc*/
    .ixCabp.lightSlider .plist-img-wrap {
      margin-right: 0;
    }

    /*!sc*/
    .ixCabp.lightSlider .text-box {
      height: 40px;
    }

    /*!sc*/
    .ixCabp.pc-row .plist-img-wrap:hover {
      -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
      transform: scale(1.05);
    }

    /*!sc*/
    .ixCabp.pc-row .plist-img-wrap:hover .text-box .title {
      color: #eb1c63;
      opacity: 1;
    }

    /*!sc*/
    .ixCabp.pc-row .plist-img-wrap:hover .mask-container {
      display: block;
    }

    /*!sc*/
    .ixCabp.pc-row.lightSlider .plist-img-wrap:hover {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
    }

    /*!sc*/
    .ixCabp .text-box {
      position: relative;
      padding: 0.1rem 0 0;
      font-size: 14px;
      -webkit-transition: color 0.3s;
      transition: color 0.3s;
    }

    /*!sc*/
    .ixCabp .text-box .title {
      white-space: normal;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      color: #fff;
      font-weight: 500;
      font-size: 14px;
    }

    /*!sc*/
    .ixCabp .text-box .hot-update-info {
      display: none;
    }

    /*!sc*/
    .ixCabp .text-box.hot {
      height: 70px;
      background: rgb(34, 51, 20);
      border-radius: 0 0 6px 6px;
    }

    /*!sc*/
    .ixCabp .text-box.hot .title {
      margin: 0 10px 6px;
    }

    /*!sc*/
    .ixCabp .text-box.hot .hot-update-info {
      margin: 0 10px;
      font-size: 13px;
      color: rgba(255, 255, 255, 0.7);
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      font-weight: 400;
      position: absolute;
      bottom: 10px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: normal;
    }

    /*!sc*/
    .ixCabp .pic-box {
      position: relative;
    }

    /*!sc*/
    .ixCabp .pic-box:before {
      content: '';
      display: block;
      padding-top: 133.3333%;
    }

    /*!sc*/
    .ixCabp .update-info-layer {
      background-image: linear-gradient(0deg, rgba(10, 12, 15, 0.8) 0%, rgba(10, 12, 15, 0.74) 4%, rgba(10, 12, 15, 0.59) 17%, rgba(10, 12, 15, 0.4) 34%, rgba(10, 12, 15, 0.21) 55%, rgba(10, 12, 15, 0.06) 78%, rgba(10, 12, 15, 0) 100%);
      height: 60px;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 300;
    }

    /*!sc*/
    .ixCabp .update-info-layer.hot {
      background-image: linear-gradient(180deg, rgba(34, 51, 20, 0.00) 1%, rgb(34, 51, 20) 100%);
    }

    /*!sc*/
    .ixCabp .update-info-layer.hot .update-info-mask {
      display: none;
    }

    /*!sc*/
    .ixCabp .update-info-layer.hot .layer-score-wrap {
      display: none;
    }

    /*!sc*/
    .ixCabp .update-info-layer.hot .update-info-hot {
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      -webkit-transform: scale(0.85);
      -ms-transform: scale(0.85);
      transform: scale(0.85);
    }

    /*!sc*/
    .ixCabp .update-info-layer.hot .update-info-hot svg {
      height: 35px;
    }

    /*!sc*/
    .ixCabp .update-info-hot {
      display: none;
    }

    /*!sc*/
    .ixCabp .update-info-mask {
      font-size: 14px;
      color: #ffffff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      font-weight: 500;
      position: absolute;
      left: 8px;
      right: 10px;
      bottom: 10px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    /*!sc*/
    .ixCabp .img {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      object-fit: none;
      width: 100%;
      height: 100%;
      background-color: #303440;
    }

    /*!sc*/
    .ixCabp.lightSlider {
      width: 100%;
    }

    /*!sc*/
    .ixCabp .layer-score-wrap {
      display: inline-block;
      position: absolute;
      left: 8px;
      right: 10px;
      bottom: 10px;
    }

    /*!sc*/
    .ixCabp .layer-score-wrap .album-score {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      color: white;
      position: relative;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }

    /*!sc*/
    .ixCabp .layer-score-wrap .album-score .all-score-info {
      position: relative;
    }

    /*!sc*/
    .ixCabp .layer-score-wrap .album-score .all-score-info .score-info-whiteStar svg {
      position: relative;
      top: 2px;
      height: 13px;
      width: 13px;
    }

    /*!sc*/
    .ixCabp .layer-score-wrap .album-score .all-score-info .score-info-whiteStar svg path {
      fill: #fff;
    }

    /*!sc*/
    .ixCabp .layer-score-wrap .album-score .all-score-info .score-info-number {
      font-size: 14px;
      color: #fff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.7);
      font-weight: 700;
      margin: 0 4px;
    }

    /*!sc*/
    .ixCabp .layer-score-wrap .album-score .all-score-info .score-info-person-number {
      font-size: 16px;
      color: #999999;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
    }

    /*!sc*/
    .ixCabp .img_icon_mark {
      position: absolute;
      right: 0;
      top: 0;
      display: inline-block;
      font-size: 12px;
      color: #ffffff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      line-height: 14px;
      border-radius: 2px;
      border-radius: 2px;
      text-align: center;
      padding: 3px 4px;
    }

    /*!sc*/
    .ixCabp .img_icon_mark.produced {
      background-image: linear-gradient(90deg, #cf0248 0%, #e80553 100%);
    }

    /*!sc*/
    .ixCabp .img_icon_mark.exclusive {
      background: #cf0248;
    }

    /*!sc*/
    @media screen and (max-width:767px) {
      .ixCabp {
        width: calc(100% / 3);
      }

      .ixCabp.horizontal {
        width: calc(100% / 2);
      }

      .ixCabp .plist-img-wrap {
        margin-right: 8px;
        margin-bottom: 0px;
      }

      .ixCabp .text-box.hot .hot-update-info {
        font-size: 12px;
      }
    }

    /*!sc*/
    @media screen and (min-width:768px) and (max-width:1023px) {
      .ixCabp {
        width: calc(100% / 4);
      }

      .ixCabp.horizontal {
        width: calc(100% / 3);
      }

      .ixCabp .text-box.hot .hot-update-info {
        font-size: 12px;
      }

      .ixCabp .update-info-layer.hot .update-info-hot svg text {
        font-size: 22px;
      }
    }

    /*!sc*/
    @media screen and (max-width:767px) {
      .ixCabp.pc-row.lightSlider .plist-img-wrap:hover {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
      }

      .ixCabp .update-info-layer.hot .update-info-hot svg text {
        font-size: 24px;
      }
    }

    /*!sc*/
    @media screen and (min-width:1680px) {
      .ixCabp {
        width: calc(100% / 8);
      }

      .ixCabp.horizontal {
        width: calc(100% / 6);
      }

      .ixCabp .plist-img-wrap {
        margin-bottom: 0px;
      }

      .ixCabp .text-box {
        font-size: 16px;
      }

      .ixCabp .text-box .title,
      .ixCabp .text-box .hot-update-info {
        font-size: 16px;
      }

      .ixCabp .text-box.hot {
        height: 76px;
      }

      .ixCabp .update-info-layer.hot .update-info-hot {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        left: 10px;
      }
    }

    /*!sc*/
    @media screen and (max-width:1680px) {
      .ixCabp .text-box.hot .hot-update-info {
        font-size: 12px;
      }

      .ixCabp .update-info-layer .update-info-mask {
        font-size: 12px;
      }

      .ixCabp .update-info-layer.hot .update-info-hot svg text {
        font-size: 24px;
      }
    }

    /*!sc*/
    .hMqsbs {
      width: calc(100% / 6);
      -webkit-transform: translate(0px);
      -ms-transform: translate(0px);
      transform: translate(0px);
      position: relative;
      display: inline-block;
      vertical-align: top;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
    }

    /*!sc*/
    .hMqsbs.horizontal {
      width: calc(100% / 4);
    }

    /*!sc*/
    .hMqsbs.horizontal.lightSlider {
      width: 100%;
    }

    /*!sc*/
    .hMqsbs.horizontal .pic-box:before {
      padding-top: 56.25%;
    }

    /*!sc*/
    .hMqsbs.special-img-num {
      width: calc(100% /);
    }

    /*!sc*/
    .hMqsbs .plist-img-wrap {
      margin-right: 16px;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
    }

    /*!sc*/
    .hMqsbs.lightSlider .plist-img-wrap {
      margin-right: 0;
    }

    /*!sc*/
    .hMqsbs.lightSlider .text-box {
      height: 40px;
    }

    /*!sc*/
    .hMqsbs.pc-row .plist-img-wrap:hover {
      -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
      transform: scale(1.05);
    }

    /*!sc*/
    .hMqsbs.pc-row .plist-img-wrap:hover .text-box .title {
      color: #eb1c63;
      opacity: 1;
    }

    /*!sc*/
    .hMqsbs.pc-row .plist-img-wrap:hover .mask-container {
      display: block;
    }

    /*!sc*/
    .hMqsbs.pc-row.lightSlider .plist-img-wrap:hover {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
    }

    /*!sc*/
    .hMqsbs .text-box {
      position: relative;
      padding: 0.1rem 0 0;
      font-size: 14px;
      -webkit-transition: color 0.3s;
      transition: color 0.3s;
    }

    /*!sc*/
    .hMqsbs .text-box .title {
      white-space: normal;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      color: #fff;
      font-weight: 500;
      font-size: 14px;
    }

    /*!sc*/
    .hMqsbs .text-box .hot-update-info {
      display: none;
    }

    /*!sc*/
    .hMqsbs .text-box.hot {
      height: 70px;
      background: rgb(51, 46, 20);
      border-radius: 0 0 6px 6px;
    }

    /*!sc*/
    .hMqsbs .text-box.hot .title {
      margin: 0 10px 6px;
    }

    /*!sc*/
    .hMqsbs .text-box.hot .hot-update-info {
      margin: 0 10px;
      font-size: 13px;
      color: rgba(255, 255, 255, 0.7);
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      font-weight: 400;
      position: absolute;
      bottom: 10px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: normal;
    }

    /*!sc*/
    .hMqsbs .pic-box {
      position: relative;
    }

    /*!sc*/
    .hMqsbs .pic-box:before {
      content: '';
      display: block;
      padding-top: 133.3333%;
    }

    /*!sc*/
    .hMqsbs .update-info-layer {
      background-image: linear-gradient(0deg, rgba(10, 12, 15, 0.8) 0%, rgba(10, 12, 15, 0.74) 4%, rgba(10, 12, 15, 0.59) 17%, rgba(10, 12, 15, 0.4) 34%, rgba(10, 12, 15, 0.21) 55%, rgba(10, 12, 15, 0.06) 78%, rgba(10, 12, 15, 0) 100%);
      height: 60px;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 300;
    }

    /*!sc*/
    .hMqsbs .update-info-layer.hot {
      background-image: linear-gradient(180deg, rgba(51, 46, 20, 0.00) 1%, rgb(51, 46, 20) 100%);
    }

    /*!sc*/
    .hMqsbs .update-info-layer.hot .update-info-mask {
      display: none;
    }

    /*!sc*/
    .hMqsbs .update-info-layer.hot .layer-score-wrap {
      display: none;
    }

    /*!sc*/
    .hMqsbs .update-info-layer.hot .update-info-hot {
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      -webkit-transform: scale(0.85);
      -ms-transform: scale(0.85);
      transform: scale(0.85);
    }

    /*!sc*/
    .hMqsbs .update-info-layer.hot .update-info-hot svg {
      height: 35px;
    }

    /*!sc*/
    .hMqsbs .update-info-hot {
      display: none;
    }

    /*!sc*/
    .hMqsbs .update-info-mask {
      font-size: 14px;
      color: #ffffff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      font-weight: 500;
      position: absolute;
      left: 8px;
      right: 10px;
      bottom: 10px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    /*!sc*/
    .hMqsbs .img {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      object-fit: none;
      width: 100%;
      height: 100%;
      background-color: #303440;
    }

    /*!sc*/
    .hMqsbs.lightSlider {
      width: 100%;
    }

    /*!sc*/
    .hMqsbs .layer-score-wrap {
      display: inline-block;
      position: absolute;
      left: 8px;
      right: 10px;
      bottom: 10px;
    }

    /*!sc*/
    .hMqsbs .layer-score-wrap .album-score {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      color: white;
      position: relative;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }

    /*!sc*/
    .hMqsbs .layer-score-wrap .album-score .all-score-info {
      position: relative;
    }

    /*!sc*/
    .hMqsbs .layer-score-wrap .album-score .all-score-info .score-info-whiteStar svg {
      position: relative;
      top: 2px;
      height: 13px;
      width: 13px;
    }

    /*!sc*/
    .hMqsbs .layer-score-wrap .album-score .all-score-info .score-info-whiteStar svg path {
      fill: #fff;
    }

    /*!sc*/
    .hMqsbs .layer-score-wrap .album-score .all-score-info .score-info-number {
      font-size: 14px;
      color: #fff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.7);
      font-weight: 700;
      margin: 0 4px;
    }

    /*!sc*/
    .hMqsbs .layer-score-wrap .album-score .all-score-info .score-info-person-number {
      font-size: 16px;
      color: #999999;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
    }

    /*!sc*/
    .hMqsbs .img_icon_mark {
      position: absolute;
      right: 0;
      top: 0;
      display: inline-block;
      font-size: 12px;
      color: #ffffff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      line-height: 14px;
      border-radius: 2px;
      border-radius: 2px;
      text-align: center;
      padding: 3px 4px;
    }
    .hMqsbs .img_icon_mark7 {
      position: absolute;
      right: 0;
      top: 0;
      display: inline-block;
      font-size: 12px;
      color: #ffffff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      line-height: 14px;
      border-radius: 2px;
      border-radius: 2px;
      text-align: center;
      padding: 3px 4px;
      margin-top: 23px;
    }

    /*!sc*/
    .hMqsbs .img_icon_mark.produced {
      background-image: linear-gradient(90deg, #cf0248 0%, #e80553 100%);
    }

    /*!sc*/
    .hMqsbs .img_icon_mark.exclusive {
      background: #cf0248;
    }
    .hMqsbs .img_icon_mark7.exclusive7 {
      background: #cf0248;
    }

    /*!sc*/
    @media screen and (max-width:767px) {
      .hMqsbs {
        width: calc(100% / 3);
      }

      .hMqsbs.horizontal {
        width: calc(100% / 2);
      }

      .hMqsbs .plist-img-wrap {
        margin-right: 8px;
        margin-bottom: 0px;
      }

      .hMqsbs .text-box.hot .hot-update-info {
        font-size: 12px;
      }
    }

    /*!sc*/
    @media screen and (min-width:768px) and (max-width:1023px) {
      .hMqsbs {
        width: calc(100% / 4);
      }

      .hMqsbs.horizontal {
        width: calc(100% / 3);
      }

      .hMqsbs .text-box.hot .hot-update-info {
        font-size: 12px;
      }

      .hMqsbs .update-info-layer.hot .update-info-hot svg text {
        font-size: 22px;
      }
    }

    /*!sc*/
    @media screen and (max-width:767px) {
      .hMqsbs.pc-row.lightSlider .plist-img-wrap:hover {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
      }

      .hMqsbs .update-info-layer.hot .update-info-hot svg text {
        font-size: 24px;
      }
    }

    /*!sc*/
    @media screen and (min-width:1680px) {
      .hMqsbs {
        width: calc(100% / 8);
      }

      .hMqsbs.horizontal {
        width: calc(100% / 6);
      }

      .hMqsbs .plist-img-wrap {
        margin-bottom: 0px;
      }

      .hMqsbs .text-box {
        font-size: 16px;
      }

      .hMqsbs .text-box .title,
      .hMqsbs .text-box .hot-update-info {
        font-size: 16px;
      }

      .hMqsbs .text-box.hot {
        height: 76px;
      }

      .hMqsbs .update-info-layer.hot .update-info-hot {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        left: 10px;
      }
    }

    /*!sc*/
    @media screen and (max-width:1680px) {
      .hMqsbs .text-box.hot .hot-update-info {
        font-size: 12px;
      }

      .hMqsbs .update-info-layer .update-info-mask {
        font-size: 12px;
      }

      .hMqsbs .update-info-layer.hot .update-info-hot svg text {
        font-size: 24px;
      }
    }

    /*!sc*/
    .cvoWya {
      width: calc(100% / 6);
      -webkit-transform: translate(0px);
      -ms-transform: translate(0px);
      transform: translate(0px);
      position: relative;
      display: inline-block;
      vertical-align: top;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
    }

    /*!sc*/
    .cvoWya.horizontal {
      width: calc(100% / 4);
    }

    /*!sc*/
    .cvoWya.horizontal.lightSlider {
      width: 100%;
    }

    /*!sc*/
    .cvoWya.horizontal .pic-box:before {
      padding-top: 56.25%;
    }

    /*!sc*/
    .cvoWya.special-img-num {
      width: calc(100% /);
    }

    /*!sc*/
    .cvoWya .plist-img-wrap {
      margin-right: 16px;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
    }

    /*!sc*/
    .cvoWya.lightSlider .plist-img-wrap {
      margin-right: 0;
    }

    /*!sc*/
    .cvoWya.lightSlider .text-box {
      height: 40px;
    }

    /*!sc*/
    .cvoWya.pc-row .plist-img-wrap:hover {
      -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
      transform: scale(1.05);
    }

    /*!sc*/
    .cvoWya.pc-row .plist-img-wrap:hover .text-box .title {
      color: #eb1c63;
      opacity: 1;
    }

    /*!sc*/
    .cvoWya.pc-row .plist-img-wrap:hover .mask-container {
      display: block;
    }

    /*!sc*/
    .cvoWya.pc-row.lightSlider .plist-img-wrap:hover {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
    }

    /*!sc*/
    .cvoWya .text-box {
      position: relative;
      padding: 0.1rem 0 0;
      font-size: 14px;
      -webkit-transition: color 0.3s;
      transition: color 0.3s;
    }

    /*!sc*/
    .cvoWya .text-box .title {
      white-space: normal;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      color: #fff;
      font-weight: 500;
      font-size: 14px;
    }

    /*!sc*/
    .cvoWya .text-box .hot-update-info {
      display: none;
    }

    /*!sc*/
    .cvoWya .text-box.hot {
      height: 70px;
      background: rgb(51, 26, 20);
      border-radius: 0 0 6px 6px;
    }

    /*!sc*/
    .cvoWya .text-box.hot .title {
      margin: 0 10px 6px;
    }

    /*!sc*/
    .cvoWya .text-box.hot .hot-update-info {
      margin: 0 10px;
      font-size: 13px;
      color: rgba(255, 255, 255, 0.7);
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      font-weight: 400;
      position: absolute;
      bottom: 10px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: normal;
    }

    /*!sc*/
    .cvoWya .pic-box {
      position: relative;
    }

    /*!sc*/
    .cvoWya .pic-box:before {
      content: '';
      display: block;
      padding-top: 133.3333%;
    }

    /*!sc*/
    .cvoWya .update-info-layer {
      background-image: linear-gradient(0deg, rgba(10, 12, 15, 0.8) 0%, rgba(10, 12, 15, 0.74) 4%, rgba(10, 12, 15, 0.59) 17%, rgba(10, 12, 15, 0.4) 34%, rgba(10, 12, 15, 0.21) 55%, rgba(10, 12, 15, 0.06) 78%, rgba(10, 12, 15, 0) 100%);
      height: 60px;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 300;
    }

    /*!sc*/
    .cvoWya .update-info-layer.hot {
      background-image: linear-gradient(180deg, rgba(51, 26, 20, 0.00) 1%, rgb(51, 26, 20) 100%);
    }

    /*!sc*/
    .cvoWya .update-info-layer.hot .update-info-mask {
      display: none;
    }

    /*!sc*/
    .cvoWya .update-info-layer.hot .layer-score-wrap {
      display: none;
    }

    /*!sc*/
    .cvoWya .update-info-layer.hot .update-info-hot {
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      -webkit-transform: scale(0.85);
      -ms-transform: scale(0.85);
      transform: scale(0.85);
    }

    /*!sc*/
    .cvoWya .update-info-layer.hot .update-info-hot svg {
      height: 35px;
    }

    /*!sc*/
    .cvoWya .update-info-hot {
      display: none;
    }

    /*!sc*/
    .cvoWya .update-info-mask {
      font-size: 14px;
      color: #ffffff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      font-weight: 500;
      position: absolute;
      left: 8px;
      right: 10px;
      bottom: 10px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    /*!sc*/
    .cvoWya .img {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      object-fit: none;
      width: 100%;
      height: 100%;
      background-color: #303440;
    }

    /*!sc*/
    .cvoWya.lightSlider {
      width: 100%;
    }

    /*!sc*/
    .cvoWya .layer-score-wrap {
      display: inline-block;
      position: absolute;
      left: 8px;
      right: 10px;
      bottom: 10px;
    }

    /*!sc*/
    .cvoWya .layer-score-wrap .album-score {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      color: white;
      position: relative;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }

    /*!sc*/
    .cvoWya .layer-score-wrap .album-score .all-score-info {
      position: relative;
    }

    /*!sc*/
    .cvoWya .layer-score-wrap .album-score .all-score-info .score-info-whiteStar svg {
      position: relative;
      top: 2px;
      height: 13px;
      width: 13px;
    }

    /*!sc*/
    .cvoWya .layer-score-wrap .album-score .all-score-info .score-info-whiteStar svg path {
      fill: #fff;
    }

    /*!sc*/
    .cvoWya .layer-score-wrap .album-score .all-score-info .score-info-number {
      font-size: 14px;
      color: #fff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.7);
      font-weight: 700;
      margin: 0 4px;
    }

    /*!sc*/
    .cvoWya .layer-score-wrap .album-score .all-score-info .score-info-person-number {
      font-size: 16px;
      color: #999999;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
    }

    /*!sc*/
    .cvoWya .img_icon_mark {
      position: absolute;
      right: 0;
      top: 0;
      display: inline-block;
      font-size: 12px;
      color: #ffffff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      line-height: 14px;
      border-radius: 2px;
      border-radius: 2px;
      text-align: center;
      padding: 3px 4px;
    }

    /*!sc*/
    .cvoWya .img_icon_mark.produced {
      background-image: linear-gradient(90deg, #cf0248 0%, #e80553 100%);
    }

    /*!sc*/
    .cvoWya .img_icon_mark.exclusive {
      background: #cf0248;
    }

    /*!sc*/
    @media screen and (max-width:767px) {
      .cvoWya {
        width: calc(100% / 3);
      }

      .cvoWya.horizontal {
        width: calc(100% / 2);
      }

      .cvoWya .plist-img-wrap {
        margin-right: 8px;
        margin-bottom: 0px;
      }

      .cvoWya .text-box.hot .hot-update-info {
        font-size: 12px;
      }
    }

    /*!sc*/
    @media screen and (min-width:768px) and (max-width:1023px) {
      .cvoWya {
        width: calc(100% / 4);
      }

      .cvoWya.horizontal {
        width: calc(100% / 3);
      }

      .cvoWya .text-box.hot .hot-update-info {
        font-size: 12px;
      }

      .cvoWya .update-info-layer.hot .update-info-hot svg text {
        font-size: 22px;
      }
    }

    /*!sc*/
    @media screen and (max-width:767px) {
      .cvoWya.pc-row.lightSlider .plist-img-wrap:hover {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
      }

      .cvoWya .update-info-layer.hot .update-info-hot svg text {
        font-size: 24px;
      }
    }

    /*!sc*/
    @media screen and (min-width:1680px) {
      .cvoWya {
        width: calc(100% / 8);
      }

      .cvoWya.horizontal {
        width: calc(100% / 6);
      }

      .cvoWya .plist-img-wrap {
        margin-bottom: 0px;
      }

      .cvoWya .text-box {
        font-size: 16px;
      }

      .cvoWya .text-box .title,
      .cvoWya .text-box .hot-update-info {
        font-size: 16px;
      }

      .cvoWya .text-box.hot {
        height: 76px;
      }

      .cvoWya .update-info-layer.hot .update-info-hot {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        left: 10px;
      }
    }

    /*!sc*/
    @media screen and (max-width:1680px) {
      .cvoWya .text-box.hot .hot-update-info {
        font-size: 12px;
      }

      .cvoWya .update-info-layer .update-info-mask {
        font-size: 12px;
      }

      .cvoWya .update-info-layer.hot .update-info-hot svg text {
        font-size: 24px;
      }
    }

    /*!sc*/
    .fVdquv {
      width: calc(100% / 6);
      -webkit-transform: translate(0px);
      -ms-transform: translate(0px);
      transform: translate(0px);
      position: relative;
      display: inline-block;
      vertical-align: top;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
    }

    /*!sc*/
    .fVdquv.horizontal {
      width: calc(100% / 4);
    }

    /*!sc*/
    .fVdquv.horizontal.lightSlider {
      width: 100%;
    }

    /*!sc*/
    .fVdquv.horizontal .pic-box:before {
      padding-top: 56.25%;
    }

    /*!sc*/
    .fVdquv.special-img-num {
      width: calc(100% /);
    }

    /*!sc*/
    .fVdquv .plist-img-wrap {
      margin-right: 16px;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
    }

    /*!sc*/
    .fVdquv.lightSlider .plist-img-wrap {
      margin-right: 0;
    }

    /*!sc*/
    .fVdquv.lightSlider .text-box {
      height: 40px;
    }

    /*!sc*/
    .fVdquv.pc-row .plist-img-wrap:hover {
      -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
      transform: scale(1.05);
    }

    /*!sc*/
    .fVdquv.pc-row .plist-img-wrap:hover .text-box .title {
      color: #eb1c63;
      opacity: 1;
    }

    /*!sc*/
    .fVdquv.pc-row .plist-img-wrap:hover .mask-container {
      display: block;
    }

    /*!sc*/
    .fVdquv.pc-row.lightSlider .plist-img-wrap:hover {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
    }

    /*!sc*/
    .fVdquv .text-box {
      position: relative;
      padding: 0.1rem 0 0;
      font-size: 14px;
      -webkit-transition: color 0.3s;
      transition: color 0.3s;
    }

    /*!sc*/
    .fVdquv .text-box .title {
      white-space: normal;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      color: #fff;
      font-weight: 500;
      font-size: 14px;
    }

    /*!sc*/
    .fVdquv .text-box .hot-update-info {
      display: none;
    }

    /*!sc*/
    .fVdquv .text-box.hot {
      height: 70px;
      background: rgb(20, 32, 51);
      border-radius: 0 0 6px 6px;
    }

    /*!sc*/
    .fVdquv .text-box.hot .title {
      margin: 0 10px 6px;
    }

    /*!sc*/
    .fVdquv .text-box.hot .hot-update-info {
      margin: 0 10px;
      font-size: 13px;
      color: rgba(255, 255, 255, 0.7);
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      font-weight: 400;
      position: absolute;
      bottom: 10px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: normal;
    }

    /*!sc*/
    .fVdquv .pic-box {
      position: relative;
    }

    /*!sc*/
    .fVdquv .pic-box:before {
      content: '';
      display: block;
      padding-top: 133.3333%;
    }

    /*!sc*/
    .fVdquv .update-info-layer {
      background-image: linear-gradient(0deg, rgba(10, 12, 15, 0.8) 0%, rgba(10, 12, 15, 0.74) 4%, rgba(10, 12, 15, 0.59) 17%, rgba(10, 12, 15, 0.4) 34%, rgba(10, 12, 15, 0.21) 55%, rgba(10, 12, 15, 0.06) 78%, rgba(10, 12, 15, 0) 100%);
      height: 60px;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 300;
    }

    /*!sc*/
    .fVdquv .update-info-layer.hot {
      background-image: linear-gradient(180deg, rgba(20, 32, 51, 0.00) 1%, rgb(20, 32, 51) 100%);
    }

    /*!sc*/
    .fVdquv .update-info-layer.hot .update-info-mask {
      display: none;
    }

    /*!sc*/
    .fVdquv .update-info-layer.hot .layer-score-wrap {
      display: none;
    }

    /*!sc*/
    .fVdquv .update-info-layer.hot .update-info-hot {
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      -webkit-transform: scale(0.85);
      -ms-transform: scale(0.85);
      transform: scale(0.85);
    }

    /*!sc*/
    .fVdquv .update-info-layer.hot .update-info-hot svg {
      height: 35px;
    }

    /*!sc*/
    .fVdquv .update-info-hot {
      display: none;
    }

    /*!sc*/
    .fVdquv .update-info-mask {
      font-size: 14px;
      color: #ffffff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      font-weight: 500;
      position: absolute;
      left: 8px;
      right: 10px;
      bottom: 10px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    /*!sc*/
    .fVdquv .img {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      object-fit: none;
      width: 100%;
      height: 100%;
      background-color: #303440;
    }

    /*!sc*/
    .fVdquv.lightSlider {
      width: 100%;
    }

    /*!sc*/
    .fVdquv .layer-score-wrap {
      display: inline-block;
      position: absolute;
      left: 8px;
      right: 10px;
      bottom: 10px;
    }

    /*!sc*/
    .fVdquv .layer-score-wrap .album-score {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      color: white;
      position: relative;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }

    /*!sc*/
    .fVdquv .layer-score-wrap .album-score .all-score-info {
      position: relative;
    }

    /*!sc*/
    .fVdquv .layer-score-wrap .album-score .all-score-info .score-info-whiteStar svg {
      position: relative;
      top: 2px;
      height: 13px;
      width: 13px;
    }

    /*!sc*/
    .fVdquv .layer-score-wrap .album-score .all-score-info .score-info-whiteStar svg path {
      fill: #fff;
    }

    /*!sc*/
    .fVdquv .layer-score-wrap .album-score .all-score-info .score-info-number {
      font-size: 14px;
      color: #fff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.7);
      font-weight: 700;
      margin: 0 4px;
    }

    /*!sc*/
    .fVdquv .layer-score-wrap .album-score .all-score-info .score-info-person-number {
      font-size: 16px;
      color: #999999;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
    }

    /*!sc*/
    .fVdquv .img_icon_mark {
      position: absolute;
      right: 0;
      top: 0;
      display: inline-block;
      font-size: 12px;
      color: #ffffff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      line-height: 14px;
      border-radius: 2px;
      border-radius: 2px;
      text-align: center;
      padding: 3px 4px;
    }

    /*!sc*/
    .fVdquv .img_icon_mark.produced {
      background-image: linear-gradient(90deg, #cf0248 0%, #e80553 100%);
    }

    /*!sc*/
    .fVdquv .img_icon_mark.exclusive {
      background: #cf0248;
    }

    /*!sc*/
    @media screen and (max-width:767px) {
      .fVdquv {
        width: calc(100% / 3);
      }

      .fVdquv.horizontal {
        width: calc(100% / 2);
      }

      .fVdquv .plist-img-wrap {
        margin-right: 8px;
        margin-bottom: 0px;
      }

      .fVdquv .text-box.hot .hot-update-info {
        font-size: 12px;
      }
    }

    /*!sc*/
    @media screen and (min-width:768px) and (max-width:1023px) {
      .fVdquv {
        width: calc(100% / 4);
      }

      .fVdquv.horizontal {
        width: calc(100% / 3);
      }

      .fVdquv .text-box.hot .hot-update-info {
        font-size: 12px;
      }

      .fVdquv .update-info-layer.hot .update-info-hot svg text {
        font-size: 22px;
      }
    }

    /*!sc*/
    @media screen and (max-width:767px) {
      .fVdquv.pc-row.lightSlider .plist-img-wrap:hover {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
      }

      .fVdquv .update-info-layer.hot .update-info-hot svg text {
        font-size: 24px;
      }
    }

    /*!sc*/
    @media screen and (min-width:1680px) {
      .fVdquv {
        width: calc(100% / 8);
      }

      .fVdquv.horizontal {
        width: calc(100% / 6);
      }

      .fVdquv .plist-img-wrap {
        margin-bottom: 0px;
      }

      .fVdquv .text-box {
        font-size: 16px;
      }

      .fVdquv .text-box .title,
      .fVdquv .text-box .hot-update-info {
        font-size: 16px;
      }

      .fVdquv .text-box.hot {
        height: 76px;
      }

      .fVdquv .update-info-layer.hot .update-info-hot {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        left: 10px;
      }
    }

    /*!sc*/
    @media screen and (max-width:1680px) {
      .fVdquv .text-box.hot .hot-update-info {
        font-size: 12px;
      }

      .fVdquv .update-info-layer .update-info-mask {
        font-size: 12px;
      }

      .fVdquv .update-info-layer.hot .update-info-hot svg text {
        font-size: 24px;
      }
    }

    /*!sc*/
    .bfQRsq {
      width: calc(100% / 6);
      -webkit-transform: translate(0px);
      -ms-transform: translate(0px);
      transform: translate(0px);
      position: relative;
      display: inline-block;
      vertical-align: top;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
    }

    /*!sc*/
    .bfQRsq.horizontal {
      width: calc(100% / 4);
    }

    /*!sc*/
    .bfQRsq.horizontal.lightSlider {
      width: 100%;
    }

    /*!sc*/
    .bfQRsq.horizontal .pic-box:before {
      padding-top: 56.25%;
    }

    /*!sc*/
    .bfQRsq.special-img-num {
      width: calc(100% /);
    }

    /*!sc*/
    .bfQRsq .plist-img-wrap {
      margin-right: 16px;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
    }

    /*!sc*/
    .bfQRsq.lightSlider .plist-img-wrap {
      margin-right: 0;
    }

    /*!sc*/
    .bfQRsq.lightSlider .text-box {
      height: 40px;
    }

    /*!sc*/
    .bfQRsq.pc-row .plist-img-wrap:hover {
      -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
      transform: scale(1.05);
    }

    /*!sc*/
    .bfQRsq.pc-row .plist-img-wrap:hover .text-box .title {
      color: #eb1c63;
      opacity: 1;
    }

    /*!sc*/
    .bfQRsq.pc-row .plist-img-wrap:hover .mask-container {
      display: block;
    }

    /*!sc*/
    .bfQRsq.pc-row.lightSlider .plist-img-wrap:hover {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
    }

    /*!sc*/
    .bfQRsq .text-box {
      position: relative;
      padding: 0.1rem 0 0;
      font-size: 14px;
      -webkit-transition: color 0.3s;
      transition: color 0.3s;
    }

    /*!sc*/
    .bfQRsq .text-box .title {
      white-space: normal;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      color: #fff;
      font-weight: 500;
      font-size: 14px;
    }

    /*!sc*/
    .bfQRsq .text-box .hot-update-info {
      display: none;
    }

    /*!sc*/
    .bfQRsq .text-box.hot {
      height: 70px;
      background: rgb(48, 20, 51);
      border-radius: 0 0 6px 6px;
    }

    /*!sc*/
    .bfQRsq .text-box.hot .title {
      margin: 0 10px 6px;
      z-index: 111;
    }

    /*!sc*/
    .bfQRsq .text-box.hot .hot-update-info {
      margin: 0 10px;
      font-size: 13px;
      color: rgba(255, 255, 255, 0.7);
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      font-weight: 400;
      position: absolute;
      bottom: 10px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: normal;
    }

    /*!sc*/
    .bfQRsq .pic-box {
      position: relative;
    }

    /*!sc*/
    .bfQRsq .pic-box:before {
      content: '';
      display: block;
      padding-top: 133.3333%;
    }

    /*!sc*/
    .bfQRsq .update-info-layer {
      background-image: linear-gradient(0deg, rgba(10, 12, 15, 0.8) 0%, rgba(10, 12, 15, 0.74) 4%, rgba(10, 12, 15, 0.59) 17%, rgba(10, 12, 15, 0.4) 34%, rgba(10, 12, 15, 0.21) 55%, rgba(10, 12, 15, 0.06) 78%, rgba(10, 12, 15, 0) 100%);
      height: 60px;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 300;
    }

    /*!sc*/
    .bfQRsq .update-info-layer.hot {
      background-image: linear-gradient(180deg, rgba(48, 20, 51, 0.00) 1%, rgb(48, 20, 51) 100%);
    }

    /*!sc*/
    .bfQRsq .update-info-layer.hot .update-info-mask {
      display: none;
    }

    /*!sc*/
    .bfQRsq .update-info-layer.hot .layer-score-wrap {
      display: none;
    }

    /*!sc*/
    .bfQRsq .update-info-layer.hot .update-info-hot {
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      -webkit-transform: scale(0.85);
      -ms-transform: scale(0.85);
      transform: scale(0.85);
    }

    /*!sc*/
    .bfQRsq .update-info-layer.hot .update-info-hot svg {
      height: 35px;
    }

    /*!sc*/
    .bfQRsq .update-info-hot {
      display: none;
    }

    /*!sc*/
    .bfQRsq .update-info-mask {
      font-size: 14px;
      color: #ffffff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      font-weight: 500;
      position: absolute;
      left: 8px;
      right: 10px;
      bottom: 10px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    /*!sc*/
    .bfQRsq .img {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      object-fit: none;
      width: 100%;
      height: 100%;
      background-color: #303440;
    }

    /*!sc*/
    .bfQRsq.lightSlider {
      width: 100%;
    }

    /*!sc*/
    .bfQRsq .layer-score-wrap {
      display: inline-block;
      position: absolute;
      left: 8px;
      right: 10px;
      bottom: 10px;
    }

    /*!sc*/
    .bfQRsq .layer-score-wrap .album-score {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      color: white;
      position: relative;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }

    /*!sc*/
    .bfQRsq .layer-score-wrap .album-score .all-score-info {
      position: relative;
    }

    /*!sc*/
    .bfQRsq .layer-score-wrap .album-score .all-score-info .score-info-whiteStar svg {
      position: relative;
      top: 2px;
      height: 13px;
      width: 13px;
    }

    /*!sc*/
    .bfQRsq .layer-score-wrap .album-score .all-score-info .score-info-whiteStar svg path {
      fill: #fff;
    }

    /*!sc*/
    .bfQRsq .layer-score-wrap .album-score .all-score-info .score-info-number {
      font-size: 14px;
      color: #fff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.7);
      font-weight: 700;
      margin: 0 4px;
    }

    /*!sc*/
    .bfQRsq .layer-score-wrap .album-score .all-score-info .score-info-person-number {
      font-size: 16px;
      color: #999999;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
    }

    /*!sc*/
    .bfQRsq .img_icon_mark {
      position: absolute;
      right: 0;
      top: 0;
      display: inline-block;
      font-size: 12px;
      color: #ffffff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      line-height: 14px;
      border-radius: 2px;
      border-radius: 2px;
      text-align: center;
      padding: 3px 4px;
    }

    /*!sc*/
    .bfQRsq .img_icon_mark.produced {
      background-image: linear-gradient(90deg, #cf0248 0%, #e80553 100%);
    }

    /*!sc*/
    .bfQRsq .img_icon_mark.exclusive {
      background: #cf0248;
    }
    .bfQRsq .img_icon_mark7.exclusive7 {
      background: #673ab7;
    }

    .bfQRsq .img_icon_mark7 {
      position: absolute;
      right: 0;
      top: 0;
      display: inline-block;
      font-size: 12px;
      color: #ffffff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      line-height: 14px;
      border-radius: 2px;
      border-radius: 2px;
      text-align: center;
      padding: 3px 6px;
      margin-top: 23px;
  }




    /*!sc*/
    @media screen and (max-width:767px) {
      .bfQRsq {
        width: calc(100% / 3);
      }

      .bfQRsq.horizontal {
        width: calc(100% / 2);
      }

      .bfQRsq .plist-img-wrap {
        margin-right: 8px;
        margin-bottom: 0px;
      }

      .bfQRsq .text-box.hot .hot-update-info {
        font-size: 12px;
      }
    }

    /*!sc*/
    @media screen and (min-width:768px) and (max-width:1023px) {
      .bfQRsq {
        width: calc(100% / 4);
      }

      .bfQRsq.horizontal {
        width: calc(100% / 3);
      }

      .bfQRsq .text-box.hot .hot-update-info {
        font-size: 12px;
      }

      .bfQRsq .update-info-layer.hot .update-info-hot svg text {
        font-size: 22px;
      }
    }

    /*!sc*/
    @media screen and (max-width:767px) {
      .bfQRsq.pc-row.lightSlider .plist-img-wrap:hover {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
      }

      .bfQRsq .update-info-layer.hot .update-info-hot svg text {
        font-size: 24px;
      }
    }

    /*!sc*/
    @media screen and (min-width:1680px) {
      .bfQRsq {
        width: calc(100% / 8);
      }

      .bfQRsq.horizontal {
        width: calc(100% / 6);
      }

      .bfQRsq .plist-img-wrap {
        margin-bottom: 0px;
      }

      .bfQRsq .text-box {
        font-size: 16px;
      }

      .bfQRsq .text-box .title,
      .bfQRsq .text-box .hot-update-info {
        font-size: 16px;
      }

      .bfQRsq .text-box.hot {
        height: 76px;
      }

      .bfQRsq .update-info-layer.hot .update-info-hot {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        left: 10px;
      }
    }

    /*!sc*/
    @media screen and (max-width:1680px) {
      .bfQRsq .text-box.hot .hot-update-info {
        font-size: 12px;
      }

      .bfQRsq .update-info-layer .update-info-mask {
        font-size: 12px;
      }

      .bfQRsq .update-info-layer.hot .update-info-hot svg text {
        font-size: 24px;
      }
    }

    /*!sc*/
    .hyCIxd {
      width: calc(100% / 6);
      -webkit-transform: translate(0px);
      -ms-transform: translate(0px);
      transform: translate(0px);
      position: relative;
      display: inline-block;
      vertical-align: top;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
    }

    /*!sc*/
    .hyCIxd.horizontal {
      width: calc(100% / 4);
    }

    /*!sc*/
    .hyCIxd.horizontal.lightSlider {
      width: 100%;
    }

    /*!sc*/
    .hyCIxd.horizontal .pic-box:before {
      padding-top: 56.25%;
    }

    /*!sc*/
    .hyCIxd.special-img-num {
      width: calc(100% /);
    }

    /*!sc*/
    .hyCIxd .plist-img-wrap {
      margin-right: 16px;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
    }

    /*!sc*/
    .hyCIxd.lightSlider .plist-img-wrap {
      margin-right: 0;
    }

    /*!sc*/
    .hyCIxd.lightSlider .text-box {
      height: 40px;
    }

    /*!sc*/
    .hyCIxd.pc-row .plist-img-wrap:hover {
      -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
      transform: scale(1.05);
    }

    /*!sc*/
    .hyCIxd.pc-row .plist-img-wrap:hover .text-box .title {
      color: #eb1c63;
      opacity: 1;
    }

    /*!sc*/
    .hyCIxd.pc-row .plist-img-wrap:hover .mask-container {
      display: block;
    }

    /*!sc*/
    .hyCIxd.pc-row.lightSlider .plist-img-wrap:hover {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
    }

    /*!sc*/
    .hyCIxd .text-box {
      position: relative;
      padding: 0.1rem 0 0;
      font-size: 14px;
      -webkit-transition: color 0.3s;
      transition: color 0.3s;
    }

    /*!sc*/
    .hyCIxd .text-box .title {
      white-space: normal;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      color: #fff;
      font-weight: 500;
      font-size: 14px;
    }

    /*!sc*/
    .hyCIxd .text-box .hot-update-info {
      display: none;
    }

    /*!sc*/
    .hyCIxd .text-box.hot {
      height: 70px;
      background: rgb(20, 29, 51);
      border-radius: 0 0 6px 6px;
    }

    /*!sc*/
    .hyCIxd .text-box.hot .title {
      margin: 0 10px 6px;
    }

    /*!sc*/
    .hyCIxd .text-box.hot .hot-update-info {
      margin: 0 10px;
      font-size: 13px;
      color: rgba(255, 255, 255, 0.7);
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      font-weight: 400;
      position: absolute;
      bottom: 10px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: normal;
    }

    /*!sc*/
    .hyCIxd .pic-box {
      position: relative;
    }

    /*!sc*/
    .hyCIxd .pic-box:before {
      content: '';
      display: block;
      padding-top: 133.3333%;
    }

    /*!sc*/
    .hyCIxd .update-info-layer {
      background-image: linear-gradient(0deg, rgba(10, 12, 15, 0.8) 0%, rgba(10, 12, 15, 0.74) 4%, rgba(10, 12, 15, 0.59) 17%, rgba(10, 12, 15, 0.4) 34%, rgba(10, 12, 15, 0.21) 55%, rgba(10, 12, 15, 0.06) 78%, rgba(10, 12, 15, 0) 100%);
      height: 60px;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 300;
    }

    /*!sc*/
    .hyCIxd .update-info-layer.hot {
      background-image: linear-gradient(180deg, rgba(20, 29, 51, 0.00) 1%, rgb(20, 29, 51) 100%);
    }

    /*!sc*/
    .hyCIxd .update-info-layer.hot .update-info-mask {
      display: none;
    }

    /*!sc*/
    .hyCIxd .update-info-layer.hot .layer-score-wrap {
      display: none;
    }

    /*!sc*/
    .hyCIxd .update-info-layer.hot .update-info-hot {
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      -webkit-transform: scale(0.85);
      -ms-transform: scale(0.85);
      transform: scale(0.85);
    }

    /*!sc*/
    .hyCIxd .update-info-layer.hot .update-info-hot svg {
      height: 35px;
    }

    /*!sc*/
    .hyCIxd .update-info-hot {
      display: none;
    }

    /*!sc*/
    .hyCIxd .update-info-mask {
      font-size: 14px;
      color: #ffffff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      font-weight: 500;
      position: absolute;
      left: 8px;
      right: 10px;
      bottom: 10px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    /*!sc*/
    .hyCIxd .img {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      object-fit: none;
      width: 100%;
      height: 100%;
      background-color: #303440;
    }

    /*!sc*/
    .hyCIxd.lightSlider {
      width: 100%;
    }

    /*!sc*/
    .hyCIxd .layer-score-wrap {
      display: inline-block;
      position: absolute;
      left: 8px;
      right: 10px;
      bottom: 10px;
    }

    /*!sc*/
    .hyCIxd .layer-score-wrap .album-score {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      color: white;
      position: relative;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }

    /*!sc*/
    .hyCIxd .layer-score-wrap .album-score .all-score-info {
      position: relative;
    }

    /*!sc*/
    .hyCIxd .layer-score-wrap .album-score .all-score-info .score-info-whiteStar svg {
      position: relative;
      top: 2px;
      height: 13px;
      width: 13px;
    }

    /*!sc*/
    .hyCIxd .layer-score-wrap .album-score .all-score-info .score-info-whiteStar svg path {
      fill: #fff;
    }

    /*!sc*/
    .hyCIxd .layer-score-wrap .album-score .all-score-info .score-info-number {
      font-size: 14px;
      color: #fff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.7);
      font-weight: 700;
      margin: 0 4px;
    }

    /*!sc*/
    .hyCIxd .layer-score-wrap .album-score .all-score-info .score-info-person-number {
      font-size: 16px;
      color: #999999;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
    }

    /*!sc*/
    .hyCIxd .img_icon_mark {
      position: absolute;
      right: 0;
      top: 0;
      display: inline-block;
      font-size: 12px;
      color: #ffffff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      line-height: 14px;
      border-radius: 2px;
      border-radius: 2px;
      text-align: center;
      padding: 3px 4px;
    }

    /*!sc*/
    .hyCIxd .img_icon_mark.produced {
      background-image: linear-gradient(90deg, #cf0248 0%, #e80553 100%);
    }

    /*!sc*/
    .hyCIxd .img_icon_mark.exclusive {
      background: #cf0248;
    }

    /*!sc*/
    @media screen and (max-width:767px) {
      .hyCIxd {
        width: calc(100% / 3);
      }

      .hyCIxd.horizontal {
        width: calc(100% / 2);
      }

      .hyCIxd .plist-img-wrap {
        margin-right: 8px;
        margin-bottom: 0px;
      }

      .hyCIxd .text-box.hot .hot-update-info {
        font-size: 12px;
      }
    }

    /*!sc*/
    @media screen and (min-width:768px) and (max-width:1023px) {
      .hyCIxd {
        width: calc(100% / 4);
      }

      .hyCIxd.horizontal {
        width: calc(100% / 3);
      }

      .hyCIxd .text-box.hot .hot-update-info {
        font-size: 12px;
      }

      .hyCIxd .update-info-layer.hot .update-info-hot svg text {
        font-size: 22px;
      }
    }

    /*!sc*/
    @media screen and (max-width:767px) {
      .hyCIxd.pc-row.lightSlider .plist-img-wrap:hover {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
      }

      .hyCIxd .update-info-layer.hot .update-info-hot svg text {
        font-size: 24px;
      }
    }

    /*!sc*/
    @media screen and (min-width:1680px) {
      .hyCIxd {
        width: calc(100% / 8);
      }

      .hyCIxd.horizontal {
        width: calc(100% / 6);
      }

      .hyCIxd .plist-img-wrap {
        margin-bottom: 0px;
      }

      .hyCIxd .text-box {
        font-size: 16px;
      }

      .hyCIxd .text-box .title,
      .hyCIxd .text-box .hot-update-info {
        font-size: 16px;
      }

      .hyCIxd .text-box.hot {
        height: 76px;
      }

      .hyCIxd .update-info-layer.hot .update-info-hot {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        left: 10px;
      }
    }

    /*!sc*/
    @media screen and (max-width:1680px) {
      .hyCIxd .text-box.hot .hot-update-info {
        font-size: 12px;
      }

      .hyCIxd .update-info-layer .update-info-mask {
        font-size: 12px;
      }

      .hyCIxd .update-info-layer.hot .update-info-hot svg text {
        font-size: 24px;
      }
    }

    /*!sc*/
    .idDpCh {
      width: calc(100% / 6);
      -webkit-transform: translate(0px);
      -ms-transform: translate(0px);
      transform: translate(0px);
      position: relative;
      display: inline-block;
      vertical-align: top;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
    }

    /*!sc*/
    .idDpCh.horizontal {
      width: calc(100% / 4);
    }

    /*!sc*/
    .idDpCh.horizontal.lightSlider {
      width: 100%;
    }

    /*!sc*/
    .idDpCh.horizontal .pic-box:before {
      padding-top: 56.25%;
    }

    /*!sc*/
    .idDpCh.special-img-num {
      width: calc(100% /);
    }

    /*!sc*/
    .idDpCh .plist-img-wrap {
      margin-right: 16px;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
    }

    /*!sc*/
    .idDpCh.lightSlider .plist-img-wrap {
      margin-right: 0;
    }

    /*!sc*/
    .idDpCh.lightSlider .text-box {
      height: 40px;
    }

    /*!sc*/
    .idDpCh.pc-row .plist-img-wrap:hover {
      -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
      transform: scale(1.05);
    }

    /*!sc*/
    .idDpCh.pc-row .plist-img-wrap:hover .text-box .title {
      color: #eb1c63;
      opacity: 1;
    }

    /*!sc*/
    .idDpCh.pc-row .plist-img-wrap:hover .mask-container {
      display: block;
    }

    /*!sc*/
    .idDpCh.pc-row.lightSlider .plist-img-wrap:hover {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
    }

    /*!sc*/
    .idDpCh .text-box {
      position: relative;
      padding: 0.1rem 0 0;
      font-size: 14px;
      -webkit-transition: color 0.3s;
      transition: color 0.3s;
    }

    /*!sc*/
    .idDpCh .text-box .title {
      white-space: normal;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      color: #fff;
      font-weight: 500;
      font-size: 14px;
    }

    /*!sc*/
    .idDpCh .text-box .hot-update-info {
      display: none;
    }

    /*!sc*/
    .idDpCh .text-box.hot {
      height: 70px;
      background: rgb(51, 20, 21);
      border-radius: 0 0 6px 6px;
    }

    /*!sc*/
    .idDpCh .text-box.hot .title {
      margin: 0 10px 6px;
    }

    /*!sc*/
    .idDpCh .text-box.hot .hot-update-info {
      margin: 0 10px;
      font-size: 13px;
      color: rgba(255, 255, 255, 0.7);
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      font-weight: 400;
      position: absolute;
      bottom: 10px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: normal;
    }

    /*!sc*/
    .idDpCh .pic-box {
      position: relative;
    }

    /*!sc*/
    .idDpCh .pic-box:before {
      content: '';
      display: block;
      padding-top: 133.3333%;
    }

    /*!sc*/
    .idDpCh .update-info-layer {
      background-image: linear-gradient(0deg, rgba(10, 12, 15, 0.8) 0%, rgba(10, 12, 15, 0.74) 4%, rgba(10, 12, 15, 0.59) 17%, rgba(10, 12, 15, 0.4) 34%, rgba(10, 12, 15, 0.21) 55%, rgba(10, 12, 15, 0.06) 78%, rgba(10, 12, 15, 0) 100%);
      height: 60px;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 300;
    }

    /*!sc*/
    .idDpCh .update-info-layer.hot {
      background-image: linear-gradient(180deg, rgba(51, 20, 21, 0.00) 1%, rgb(51, 20, 21) 100%);
    }

    /*!sc*/
    .idDpCh .update-info-layer.hot .update-info-mask {
      display: none;
    }

    /*!sc*/
    .idDpCh .update-info-layer.hot .layer-score-wrap {
      display: none;
    }

    /*!sc*/
    .idDpCh .update-info-layer.hot .update-info-hot {
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      -webkit-transform: scale(0.85);
      -ms-transform: scale(0.85);
      transform: scale(0.85);
    }

    /*!sc*/
    .idDpCh .update-info-layer.hot .update-info-hot svg {
      height: 35px;
    }

    /*!sc*/
    .idDpCh .update-info-hot {
      display: none;
    }

    /*!sc*/
    .idDpCh .update-info-mask {
      font-size: 14px;
      color: #ffffff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      font-weight: 500;
      position: absolute;
      left: 8px;
      right: 10px;
      bottom: 10px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    /*!sc*/
    .idDpCh .img {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      object-fit: none;
      width: 100%;
      height: 100%;
      background-color: #303440;
    }

    /*!sc*/
    .idDpCh.lightSlider {
      width: 100%;
    }

    /*!sc*/
    .idDpCh .layer-score-wrap {
      display: inline-block;
      position: absolute;
      left: 8px;
      right: 10px;
      bottom: 10px;
    }

    /*!sc*/
    .idDpCh .layer-score-wrap .album-score {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      color: white;
      position: relative;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }

    /*!sc*/
    .idDpCh .layer-score-wrap .album-score .all-score-info {
      position: relative;
    }

    /*!sc*/
    .idDpCh .layer-score-wrap .album-score .all-score-info .score-info-whiteStar svg {
      position: relative;
      top: 2px;
      height: 13px;
      width: 13px;
    }

    /*!sc*/
    .idDpCh .layer-score-wrap .album-score .all-score-info .score-info-whiteStar svg path {
      fill: #fff;
    }

    /*!sc*/
    .idDpCh .layer-score-wrap .album-score .all-score-info .score-info-number {
      font-size: 14px;
      color: #fff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.7);
      font-weight: 700;
      margin: 0 4px;
    }

    /*!sc*/
    .idDpCh .layer-score-wrap .album-score .all-score-info .score-info-person-number {
      font-size: 16px;
      color: #999999;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
    }

    /*!sc*/
    .idDpCh .img_icon_mark {
      position: absolute;
      right: 0;
      top: 0;
      display: inline-block;
      font-size: 12px;
      color: #ffffff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      line-height: 14px;
      border-radius: 2px;
      border-radius: 2px;
      text-align: center;
      padding: 3px 4px;
    }

    /*!sc*/
    .idDpCh .img_icon_mark.produced {
      background-image: linear-gradient(90deg, #cf0248 0%, #e80553 100%);
    }

    /*!sc*/
    .idDpCh .img_icon_mark.exclusive {
      background: #cf0248;
    }

    /*!sc*/
    @media screen and (max-width:767px) {
      .idDpCh {
        width: calc(100% / 3);
      }

      .idDpCh.horizontal {
        width: calc(100% / 2);
      }

      .idDpCh .plist-img-wrap {
        margin-right: 8px;
        margin-bottom: 0px;
      }

      .idDpCh .text-box.hot .hot-update-info {
        font-size: 12px;
      }
    }

    /*!sc*/
    @media screen and (min-width:768px) and (max-width:1023px) {
      .idDpCh {
        width: calc(100% / 4);
      }

      .idDpCh.horizontal {
        width: calc(100% / 3);
      }

      .idDpCh .text-box.hot .hot-update-info {
        font-size: 12px;
      }

      .idDpCh .update-info-layer.hot .update-info-hot svg text {
        font-size: 22px;
      }
    }

    /*!sc*/
    @media screen and (max-width:767px) {
      .idDpCh.pc-row.lightSlider .plist-img-wrap:hover {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
      }

      .idDpCh .update-info-layer.hot .update-info-hot svg text {
        font-size: 24px;
      }
    }

    /*!sc*/
    @media screen and (min-width:1680px) {
      .idDpCh {
        width: calc(100% / 8);
      }

      .idDpCh.horizontal {
        width: calc(100% / 6);
      }

      .idDpCh .plist-img-wrap {
        margin-bottom: 0px;
      }

      .idDpCh .text-box {
        font-size: 16px;
      }

      .idDpCh .text-box .title,
      .idDpCh .text-box .hot-update-info {
        font-size: 16px;
      }

      .idDpCh .text-box.hot {
        height: 76px;
      }

      .idDpCh .update-info-layer.hot .update-info-hot {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        left: 10px;
      }
    }

    /*!sc*/
    @media screen and (max-width:1680px) {
      .idDpCh .text-box.hot .hot-update-info {
        font-size: 12px;
      }

      .idDpCh .update-info-layer .update-info-mask {
        font-size: 12px;
      }

      .idDpCh .update-info-layer.hot .update-info-hot svg text {
        font-size: 24px;
      }
    }

    /*!sc*/
    .jFvUAE {
      width: calc(100% / 6);
      -webkit-transform: translate(0px);
      -ms-transform: translate(0px);
      transform: translate(0px);
      position: relative;
      display: inline-block;
      vertical-align: top;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
    }

    /*!sc*/
    .jFvUAE.horizontal {
      width: calc(100% / 4);
    }

    /*!sc*/
    .jFvUAE.horizontal.lightSlider {
      width: 100%;
    }

    /*!sc*/
    .jFvUAE.horizontal .pic-box:before {
      padding-top: 56.25%;
    }

    /*!sc*/
    .jFvUAE.special-img-num {
      width: calc(100% /);
    }

    /*!sc*/
    .jFvUAE .plist-img-wrap {
      margin-right: 16px;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
    }

    /*!sc*/
    .jFvUAE.lightSlider .plist-img-wrap {
      margin-right: 0;
    }

    /*!sc*/
    .jFvUAE.lightSlider .text-box {
      height: 40px;
    }

    /*!sc*/
    .jFvUAE.pc-row .plist-img-wrap:hover {
      -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
      transform: scale(1.05);
    }

    /*!sc*/
    .jFvUAE.pc-row .plist-img-wrap:hover .text-box .title {
      color: #eb1c63;
      opacity: 1;
    }

    /*!sc*/
    .jFvUAE.pc-row .plist-img-wrap:hover .mask-container {
      display: block;
    }

    /*!sc*/
    .jFvUAE.pc-row.lightSlider .plist-img-wrap:hover {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
    }

    /*!sc*/
    .jFvUAE .text-box {
      position: relative;
      padding: 0.1rem 0 0;
      font-size: 14px;
      -webkit-transition: color 0.3s;
      transition: color 0.3s;
    }

    /*!sc*/
    .jFvUAE .text-box .title {
      white-space: normal;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      color: #fff;
      font-weight: 500;
      font-size: 14px;
    }

    /*!sc*/
    .jFvUAE .text-box .hot-update-info {
      display: none;
    }

    /*!sc*/
    .jFvUAE .text-box.hot {
      height: 70px;
      background: rgb(20, 31, 51);
      border-radius: 0 0 6px 6px;
    }

    /*!sc*/
    .jFvUAE .text-box.hot .title {
      margin: 0 10px 6px;
    }

    /*!sc*/
    .jFvUAE .text-box.hot .hot-update-info {
      margin: 0 10px;
      font-size: 13px;
      color: rgba(255, 255, 255, 0.7);
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      font-weight: 400;
      position: absolute;
      bottom: 10px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: normal;
    }

    /*!sc*/
    .jFvUAE .pic-box {
      position: relative;
    }

    /*!sc*/
    .jFvUAE .pic-box:before {
      content: '';
      display: block;
      padding-top: 133.3333%;
    }

    /*!sc*/
    .jFvUAE .update-info-layer {
      background-image: linear-gradient(0deg, rgba(10, 12, 15, 0.8) 0%, rgba(10, 12, 15, 0.74) 4%, rgba(10, 12, 15, 0.59) 17%, rgba(10, 12, 15, 0.4) 34%, rgba(10, 12, 15, 0.21) 55%, rgba(10, 12, 15, 0.06) 78%, rgba(10, 12, 15, 0) 100%);
      height: 60px;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 300;
    }

    /*!sc*/
    .jFvUAE .update-info-layer.hot {
      background-image: linear-gradient(180deg, rgba(20, 31, 51, 0.00) 1%, rgb(20, 31, 51) 100%);
    }

    /*!sc*/
    .jFvUAE .update-info-layer.hot .update-info-mask {
      display: none;
    }

    /*!sc*/
    .jFvUAE .update-info-layer.hot .layer-score-wrap {
      display: none;
    }

    /*!sc*/
    .jFvUAE .update-info-layer.hot .update-info-hot {
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      -webkit-transform: scale(0.85);
      -ms-transform: scale(0.85);
      transform: scale(0.85);
    }

    /*!sc*/
    .jFvUAE .update-info-layer.hot .update-info-hot svg {
      height: 35px;
    }

    /*!sc*/
    .jFvUAE .update-info-hot {
      display: none;
    }

    /*!sc*/
    .jFvUAE .update-info-mask {
      font-size: 14px;
      color: #ffffff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      font-weight: 500;
      position: absolute;
      left: 8px;
      right: 10px;
      bottom: 10px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    /*!sc*/
    .jFvUAE .img {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      object-fit: none;
      width: 100%;
      height: 100%;
      background-color: #303440;
    }

    /*!sc*/
    .jFvUAE.lightSlider {
      width: 100%;
    }

    /*!sc*/
    .jFvUAE .layer-score-wrap {
      display: inline-block;
      position: absolute;
      left: 8px;
      right: 10px;
      bottom: 10px;
    }

    /*!sc*/
    .jFvUAE .layer-score-wrap .album-score {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      color: white;
      position: relative;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }

    /*!sc*/
    .jFvUAE .layer-score-wrap .album-score .all-score-info {
      position: relative;
    }

    /*!sc*/
    .jFvUAE .layer-score-wrap .album-score .all-score-info .score-info-whiteStar svg {
      position: relative;
      top: 2px;
      height: 13px;
      width: 13px;
    }

    /*!sc*/
    .jFvUAE .layer-score-wrap .album-score .all-score-info .score-info-whiteStar svg path {
      fill: #fff;
    }

    /*!sc*/
    .jFvUAE .layer-score-wrap .album-score .all-score-info .score-info-number {
      font-size: 14px;
      color: #fff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.7);
      font-weight: 700;
      margin: 0 4px;
    }

    /*!sc*/
    .jFvUAE .layer-score-wrap .album-score .all-score-info .score-info-person-number {
      font-size: 16px;
      color: #999999;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
    }

    /*!sc*/
    .jFvUAE .img_icon_mark {
      position: absolute;
      right: 0;
      top: 0;
      display: inline-block;
      font-size: 12px;
      color: #ffffff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      line-height: 14px;
      border-radius: 2px;
      border-radius: 2px;
      text-align: center;
      padding: 3px 4px;
    }

    /*!sc*/
    .jFvUAE .img_icon_mark.produced {
      background-image: linear-gradient(90deg, #cf0248 0%, #e80553 100%);
    }

    /*!sc*/
    .jFvUAE .img_icon_mark.exclusive {
      background: #cf0248;
    }

    /*!sc*/
    @media screen and (max-width:767px) {
      .jFvUAE {
        width: calc(100% / 3);
      }

      .jFvUAE.horizontal {
        width: calc(100% / 2);
      }

      .jFvUAE .plist-img-wrap {
        margin-right: 8px;
        margin-bottom: 0px;
      }

      .jFvUAE .text-box.hot .hot-update-info {
        font-size: 12px;
      }
    }

    /*!sc*/
    @media screen and (min-width:768px) and (max-width:1023px) {
      .jFvUAE {
        width: calc(100% / 4);
      }

      .jFvUAE.horizontal {
        width: calc(100% / 3);
      }

      .jFvUAE .text-box.hot .hot-update-info {
        font-size: 12px;
      }

      .jFvUAE .update-info-layer.hot .update-info-hot svg text {
        font-size: 22px;
      }
    }

    /*!sc*/
    @media screen and (max-width:767px) {
      .jFvUAE.pc-row.lightSlider .plist-img-wrap:hover {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
      }

      .jFvUAE .update-info-layer.hot .update-info-hot svg text {
        font-size: 24px;
      }
    }

    /*!sc*/
    @media screen and (min-width:1680px) {
      .jFvUAE {
        width: calc(100% / 8);
      }

      .jFvUAE.horizontal {
        width: calc(100% / 6);
      }

      .jFvUAE .plist-img-wrap {
        margin-bottom: 0px;
      }

      .jFvUAE .text-box {
        font-size: 16px;
      }

      .jFvUAE .text-box .title,
      .jFvUAE .text-box .hot-update-info {
        font-size: 16px;
      }

      .jFvUAE .text-box.hot {
        height: 76px;
      }

      .jFvUAE .update-info-layer.hot .update-info-hot {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        left: 10px;
      }
    }

    /*!sc*/
    @media screen and (max-width:1680px) {
      .jFvUAE .text-box.hot .hot-update-info {
        font-size: 12px;
      }

      .jFvUAE .update-info-layer .update-info-mask {
        font-size: 12px;
      }

      .jFvUAE .update-info-layer.hot .update-info-hot svg text {
        font-size: 24px;
      }
    }

    /*!sc*/
    .dmBjVf {
      width: calc(100% / 6);
      -webkit-transform: translate(0px);
      -ms-transform: translate(0px);
      transform: translate(0px);
      position: relative;
      display: inline-block;
      vertical-align: top;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
    }

    /*!sc*/
    .dmBjVf.horizontal {
      width: calc(100% / 4);
    }

    /*!sc*/
    .dmBjVf.horizontal.lightSlider {
      width: 100%;
    }

    /*!sc*/
    .dmBjVf.horizontal .pic-box:before {
      padding-top: 56.25%;
    }

    /*!sc*/
    .dmBjVf.special-img-num {
      width: calc(100% /);
    }

    /*!sc*/
    .dmBjVf .plist-img-wrap {
      margin-right: 16px;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
    }

    /*!sc*/
    .dmBjVf.lightSlider .plist-img-wrap {
      margin-right: 0;
    }

    /*!sc*/
    .dmBjVf.lightSlider .text-box {
      height: 40px;
    }

    /*!sc*/
    .dmBjVf.pc-row .plist-img-wrap:hover {
      -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
      transform: scale(1.05);
    }

    /*!sc*/
    .dmBjVf.pc-row .plist-img-wrap:hover .text-box .title {
      color: #eb1c63;
      opacity: 1;
    }

    /*!sc*/
    .dmBjVf.pc-row .plist-img-wrap:hover .mask-container {
      display: block;
    }

    /*!sc*/
    .dmBjVf.pc-row.lightSlider .plist-img-wrap:hover {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
    }

    /*!sc*/
    .dmBjVf .text-box {
      position: relative;
      padding: 0.1rem 0 0;
      font-size: 14px;
      -webkit-transition: color 0.3s;
      transition: color 0.3s;
    }

    /*!sc*/
    .dmBjVf .text-box .title {
      white-space: normal;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      color: #fff;
      font-weight: 500;
      font-size: 14px;
    }

    /*!sc*/
    .dmBjVf .text-box .hot-update-info {
      display: none;
    }

    /*!sc*/
    .dmBjVf .text-box.hot {
      height: 70px;
      background: rgb(51, 20, 27);
      border-radius: 0 0 6px 6px;
    }

    /*!sc*/
    .dmBjVf .text-box.hot .title {
      margin: 0 10px 6px;
    }

    /*!sc*/
    .dmBjVf .text-box.hot .hot-update-info {
      margin: 0 10px;
      font-size: 13px;
      color: rgba(255, 255, 255, 0.7);
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      font-weight: 400;
      position: absolute;
      bottom: 10px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: normal;
    }

    /*!sc*/
    .dmBjVf .pic-box {
      position: relative;
    }

    /*!sc*/
    .dmBjVf .pic-box:before {
      content: '';
      display: block;
      padding-top: 133.3333%;
    }

    /*!sc*/
    .dmBjVf .update-info-layer {
      background-image: linear-gradient(0deg, rgba(10, 12, 15, 0.8) 0%, rgba(10, 12, 15, 0.74) 4%, rgba(10, 12, 15, 0.59) 17%, rgba(10, 12, 15, 0.4) 34%, rgba(10, 12, 15, 0.21) 55%, rgba(10, 12, 15, 0.06) 78%, rgba(10, 12, 15, 0) 100%);
      height: 60px;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 300;
    }

    /*!sc*/
    .dmBjVf .update-info-layer.hot {
      background-image: linear-gradient(180deg, rgba(51, 20, 27, 0.00) 1%, rgb(51, 20, 27) 100%);
    }

    /*!sc*/
    .dmBjVf .update-info-layer.hot .update-info-mask {
      display: none;
    }

    /*!sc*/
    .dmBjVf .update-info-layer.hot .layer-score-wrap {
      display: none;
    }

    /*!sc*/
    .dmBjVf .update-info-layer.hot .update-info-hot {
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      -webkit-transform: scale(0.85);
      -ms-transform: scale(0.85);
      transform: scale(0.85);
    }

    /*!sc*/
    .dmBjVf .update-info-layer.hot .update-info-hot svg {
      height: 35px;
    }

    /*!sc*/
    .dmBjVf .update-info-hot {
      display: none;
    }

    /*!sc*/
    .dmBjVf .update-info-mask {
      font-size: 14px;
      color: #ffffff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      font-weight: 500;
      position: absolute;
      left: 8px;
      right: 10px;
      bottom: 10px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    /*!sc*/
    .dmBjVf .img {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      object-fit: none;
      width: 100%;
      height: 100%;
      background-color: #303440;
    }

    /*!sc*/
    .dmBjVf.lightSlider {
      width: 100%;
    }

    /*!sc*/
    .dmBjVf .layer-score-wrap {
      display: inline-block;
      position: absolute;
      left: 8px;
      right: 10px;
      bottom: 10px;
    }

    /*!sc*/
    .dmBjVf .layer-score-wrap .album-score {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      color: white;
      position: relative;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }

    /*!sc*/
    .dmBjVf .layer-score-wrap .album-score .all-score-info {
      position: relative;
    }

    /*!sc*/
    .dmBjVf .layer-score-wrap .album-score .all-score-info .score-info-whiteStar svg {
      position: relative;
      top: 2px;
      height: 13px;
      width: 13px;
    }

    /*!sc*/
    .dmBjVf .layer-score-wrap .album-score .all-score-info .score-info-whiteStar svg path {
      fill: #fff;
    }

    /*!sc*/
    .dmBjVf .layer-score-wrap .album-score .all-score-info .score-info-number {
      font-size: 14px;
      color: #fff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.7);
      font-weight: 700;
      margin: 0 4px;
    }

    /*!sc*/
    .dmBjVf .layer-score-wrap .album-score .all-score-info .score-info-person-number {
      font-size: 16px;
      color: #999999;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
    }

    /*!sc*/
    .dmBjVf .img_icon_mark {
      position: absolute;
      right: 0;
      top: 0;
      display: inline-block;
      font-size: 12px;
      color: #ffffff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      line-height: 14px;
      border-radius: 2px;
      border-radius: 2px;
      text-align: center;
      padding: 3px 4px;
    }

    /*!sc*/
    .dmBjVf .img_icon_mark.produced {
      background-image: linear-gradient(90deg, #cf0248 0%, #e80553 100%);
    }

    /*!sc*/
    .dmBjVf .img_icon_mark.exclusive {
      background: #cf0248;
    }

    /*!sc*/
    @media screen and (max-width:767px) {
      .dmBjVf {
        width: calc(100% / 3);
      }

      .dmBjVf.horizontal {
        width: calc(100% / 2);
      }

      .dmBjVf .plist-img-wrap {
        margin-right: 8px;
        margin-bottom: 0px;
      }

      .dmBjVf .text-box.hot .hot-update-info {
        font-size: 12px;
      }
    }

    /*!sc*/
    @media screen and (min-width:768px) and (max-width:1023px) {
      .dmBjVf {
        width: calc(100% / 4);
      }

      .dmBjVf.horizontal {
        width: calc(100% / 3);
      }

      .dmBjVf .text-box.hot .hot-update-info {
        font-size: 12px;
      }

      .dmBjVf .update-info-layer.hot .update-info-hot svg text {
        font-size: 22px;
      }
    }

    /*!sc*/
    @media screen and (max-width:767px) {
      .dmBjVf.pc-row.lightSlider .plist-img-wrap:hover {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
      }

      .dmBjVf .update-info-layer.hot .update-info-hot svg text {
        font-size: 24px;
      }
    }

    /*!sc*/
    @media screen and (min-width:1680px) {
      .dmBjVf {
        width: calc(100% / 8);
      }

      .dmBjVf.horizontal {
        width: calc(100% / 6);
      }

      .dmBjVf .plist-img-wrap {
        margin-bottom: 0px;
      }

      .dmBjVf .text-box {
        font-size: 16px;
      }

      .dmBjVf .text-box .title,
      .dmBjVf .text-box .hot-update-info {
        font-size: 16px;
      }

      .dmBjVf .text-box.hot {
        height: 76px;
      }

      .dmBjVf .update-info-layer.hot .update-info-hot {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        left: 10px;
      }
    }

    /*!sc*/
    @media screen and (max-width:1680px) {
      .dmBjVf .text-box.hot .hot-update-info {
        font-size: 12px;
      }

      .dmBjVf .update-info-layer .update-info-mask {
        font-size: 12px;
      }

      .dmBjVf .update-info-layer.hot .update-info-hot svg text {
        font-size: 24px;
      }
    }

    /*!sc*/
    .ttPSI {
      width: calc(100% / 6);
      -webkit-transform: translate(0px);
      -ms-transform: translate(0px);
      transform: translate(0px);
      position: relative;
      display: inline-block;
      vertical-align: top;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
    }

    /*!sc*/
    .ttPSI.horizontal {
      width: calc(100% / 4);
    }

    /*!sc*/
    .ttPSI.horizontal.lightSlider {
      width: 100%;
    }

    /*!sc*/
    .ttPSI.horizontal .pic-box:before {
      padding-top: 56.25%;
    }

    /*!sc*/
    .ttPSI.special-img-num {
      width: calc(100% /);
    }

    /*!sc*/
    .ttPSI .plist-img-wrap {
      margin-right: 16px;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
    }

    /*!sc*/
    .ttPSI.lightSlider .plist-img-wrap {
      margin-right: 0;
    }

    /*!sc*/
    .ttPSI.lightSlider .text-box {
      height: 40px;
    }

    /*!sc*/
    .ttPSI.pc-row .plist-img-wrap:hover {
      -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
      transform: scale(1.05);
    }

    /*!sc*/
    .ttPSI.pc-row .plist-img-wrap:hover .text-box .title {
      color: #eb1c63;
      opacity: 1;
    }

    /*!sc*/
    .ttPSI.pc-row .plist-img-wrap:hover .mask-container {
      display: block;
    }

    /*!sc*/
    .ttPSI.pc-row.lightSlider .plist-img-wrap:hover {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
    }

    /*!sc*/
    .ttPSI .text-box {
      position: relative;
      padding: 0.1rem 0 0;
      font-size: 14px;
      -webkit-transition: color 0.3s;
      transition: color 0.3s;
    }

    /*!sc*/
    .ttPSI .text-box .title {
      white-space: normal;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      color: #fff;
      font-weight: 500;
      font-size: 14px;
    }

    /*!sc*/
    .ttPSI .text-box .hot-update-info {
      display: none;
    }

    /*!sc*/
    .ttPSI .text-box.hot {
      height: 70px;
      background: rgb(20, 42, 51);
      border-radius: 0 0 6px 6px;
    }

    /*!sc*/
    .ttPSI .text-box.hot .title {
      margin: 0 10px 6px;
    }

    /*!sc*/
    .ttPSI .text-box.hot .hot-update-info {
      margin: 0 10px;
      font-size: 13px;
      color: rgba(255, 255, 255, 0.7);
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      font-weight: 400;
      position: absolute;
      bottom: 10px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: normal;
    }

    /*!sc*/
    .ttPSI .pic-box {
      position: relative;
    }

    /*!sc*/
    .ttPSI .pic-box:before {
      content: '';
      display: block;
      padding-top: 133.3333%;
    }

    /*!sc*/
    .ttPSI .update-info-layer {
      background-image: linear-gradient(0deg, rgba(10, 12, 15, 0.8) 0%, rgba(10, 12, 15, 0.74) 4%, rgba(10, 12, 15, 0.59) 17%, rgba(10, 12, 15, 0.4) 34%, rgba(10, 12, 15, 0.21) 55%, rgba(10, 12, 15, 0.06) 78%, rgba(10, 12, 15, 0) 100%);
      height: 60px;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 300;
    }

    /*!sc*/
    .ttPSI .update-info-layer.hot {
      background-image: linear-gradient(180deg, rgba(20, 42, 51, 0.00) 1%, rgb(20, 42, 51) 100%);
    }

    /*!sc*/
    .ttPSI .update-info-layer.hot .update-info-mask {
      display: none;
    }

    /*!sc*/
    .ttPSI .update-info-layer.hot .layer-score-wrap {
      display: none;
    }

    /*!sc*/
    .ttPSI .update-info-layer.hot .update-info-hot {
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      -webkit-transform: scale(0.85);
      -ms-transform: scale(0.85);
      transform: scale(0.85);
    }

    /*!sc*/
    .ttPSI .update-info-layer.hot .update-info-hot svg {
      height: 35px;
    }

    /*!sc*/
    .ttPSI .update-info-hot {
      display: none;
    }

    /*!sc*/
    .ttPSI .update-info-mask {
      font-size: 14px;
      color: #ffffff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      font-weight: 500;
      position: absolute;
      left: 8px;
      right: 10px;
      bottom: 10px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    /*!sc*/
    .ttPSI .img {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      object-fit: none;
      width: 100%;
      height: 100%;
      background-color: #303440;
    }

    /*!sc*/
    .ttPSI.lightSlider {
      width: 100%;
    }

    /*!sc*/
    .ttPSI .layer-score-wrap {
      display: inline-block;
      position: absolute;
      left: 8px;
      right: 10px;
      bottom: 10px;
    }

    /*!sc*/
    .ttPSI .layer-score-wrap .album-score {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      color: white;
      position: relative;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }

    /*!sc*/
    .ttPSI .layer-score-wrap .album-score .all-score-info {
      position: relative;
    }

    /*!sc*/
    .ttPSI .layer-score-wrap .album-score .all-score-info .score-info-whiteStar svg {
      position: relative;
      top: 2px;
      height: 13px;
      width: 13px;
    }

    /*!sc*/
    .ttPSI .layer-score-wrap .album-score .all-score-info .score-info-whiteStar svg path {
      fill: #fff;
    }

    /*!sc*/
    .ttPSI .layer-score-wrap .album-score .all-score-info .score-info-number {
      font-size: 14px;
      color: #fff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.7);
      font-weight: 700;
      margin: 0 4px;
    }

    /*!sc*/
    .ttPSI .layer-score-wrap .album-score .all-score-info .score-info-person-number {
      font-size: 16px;
      color: #999999;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
    }

    /*!sc*/
    .ttPSI .img_icon_mark {
      position: absolute;
      right: 0;
      top: 0;
      display: inline-block;
      font-size: 12px;
      color: #ffffff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      line-height: 14px;
      border-radius: 2px;
      border-radius: 2px;
      text-align: center;
      padding: 3px 4px;
    }

    /*!sc*/
    .ttPSI .img_icon_mark.produced {
      background-image: linear-gradient(90deg, #cf0248 0%, #e80553 100%);
    }

    /*!sc*/
    .ttPSI .img_icon_mark.exclusive {
      background: #cf0248;
    }

    /*!sc*/
    @media screen and (max-width:767px) {
      .ttPSI {
        width: calc(100% / 3);
      }

      .ttPSI.horizontal {
        width: calc(100% / 2);
      }

      .ttPSI .plist-img-wrap {
        margin-right: 8px;
        margin-bottom: 0px;
      }

      .ttPSI .text-box.hot .hot-update-info {
        font-size: 12px;
      }
    }

    /*!sc*/
    @media screen and (min-width:768px) and (max-width:1023px) {
      .ttPSI {
        width: calc(100% / 4);
      }

      .ttPSI.horizontal {
        width: calc(100% / 3);
      }

      .ttPSI .text-box.hot .hot-update-info {
        font-size: 12px;
      }

      .ttPSI .update-info-layer.hot .update-info-hot svg text {
        font-size: 22px;
      }
    }

    /*!sc*/
    @media screen and (max-width:767px) {
      .ttPSI.pc-row.lightSlider .plist-img-wrap:hover {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
      }

      .ttPSI .update-info-layer.hot .update-info-hot svg text {
        font-size: 24px;
      }
    }

    /*!sc*/
    @media screen and (min-width:1680px) {
      .ttPSI {
        width: calc(100% / 8);
      }

      .ttPSI.horizontal {
        width: calc(100% / 6);
      }

      .ttPSI .plist-img-wrap {
        margin-bottom: 0px;
      }

      .ttPSI .text-box {
        font-size: 16px;
      }

      .ttPSI .text-box .title,
      .ttPSI .text-box .hot-update-info {
        font-size: 16px;
      }

      .ttPSI .text-box.hot {
        height: 76px;
      }

      .ttPSI .update-info-layer.hot .update-info-hot {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        left: 10px;
      }
    }

    /*!sc*/
    @media screen and (max-width:1680px) {
      .ttPSI .text-box.hot .hot-update-info {
        font-size: 12px;
      }

      .ttPSI .update-info-layer .update-info-mask {
        font-size: 12px;
      }

      .ttPSI .update-info-layer.hot .update-info-hot svg text {
        font-size: 24px;
      }
    }

    /*!sc*/
    .cJUYTa {
      width: calc(100% / 6);
      -webkit-transform: translate(0px);
      -ms-transform: translate(0px);
      transform: translate(0px);
      position: relative;
      display: inline-block;
      vertical-align: top;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
    }

    /*!sc*/
    .cJUYTa.horizontal {
      width: calc(100% / 4);
    }

    /*!sc*/
    .cJUYTa.horizontal.lightSlider {
      width: 100%;
    }

    /*!sc*/
    .cJUYTa.horizontal .pic-box:before {
      padding-top: 56.25%;
    }

    /*!sc*/
    .cJUYTa.special-img-num {
      width: calc(100% /);
    }

    /*!sc*/
    .cJUYTa .plist-img-wrap {
      margin-right: 16px;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
    }

    /*!sc*/
    .cJUYTa.lightSlider .plist-img-wrap {
      margin-right: 0;
    }

    /*!sc*/
    .cJUYTa.lightSlider .text-box {
      height: 40px;
    }

    /*!sc*/
    .cJUYTa.pc-row .plist-img-wrap:hover {
      -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
      transform: scale(1.05);
    }

    /*!sc*/
    .cJUYTa.pc-row .plist-img-wrap:hover .text-box .title {
      color: #eb1c63;
      opacity: 1;
    }

    /*!sc*/
    .cJUYTa.pc-row .plist-img-wrap:hover .mask-container {
      display: block;
    }

    /*!sc*/
    .cJUYTa.pc-row.lightSlider .plist-img-wrap:hover {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
    }

    /*!sc*/
    .cJUYTa .text-box {
      position: relative;
      padding: 0.1rem 0 0;
      font-size: 14px;
      -webkit-transition: color 0.3s;
      transition: color 0.3s;
    }

    /*!sc*/
    .cJUYTa .text-box .title {
      white-space: normal;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      color: #fff;
      font-weight: 500;
      font-size: 14px;
    }

    /*!sc*/
    .cJUYTa .text-box .hot-update-info {
      display: none;
    }

    /*!sc*/
    .cJUYTa .text-box.hot {
      height: 70px;
      background: rgb(33, 51, 20);
      border-radius: 0 0 6px 6px;
    }

    /*!sc*/
    .cJUYTa .text-box.hot .title {
      margin: 0 10px 6px;
    }

    /*!sc*/
    .cJUYTa .text-box.hot .hot-update-info {
      margin: 0 10px;
      font-size: 13px;
      color: rgba(255, 255, 255, 0.7);
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      font-weight: 400;
      position: absolute;
      bottom: 10px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: normal;
    }

    /*!sc*/
    .cJUYTa .pic-box {
      position: relative;
    }

    /*!sc*/
    .cJUYTa .pic-box:before {
      content: '';
      display: block;
      padding-top: 133.3333%;
    }

    /*!sc*/
    .cJUYTa .update-info-layer {
      background-image: linear-gradient(0deg, rgba(10, 12, 15, 0.8) 0%, rgba(10, 12, 15, 0.74) 4%, rgba(10, 12, 15, 0.59) 17%, rgba(10, 12, 15, 0.4) 34%, rgba(10, 12, 15, 0.21) 55%, rgba(10, 12, 15, 0.06) 78%, rgba(10, 12, 15, 0) 100%);
      height: 60px;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 300;
    }

    /*!sc*/
    .cJUYTa .update-info-layer.hot {
      background-image: linear-gradient(180deg, rgba(33, 51, 20, 0.00) 1%, rgb(33, 51, 20) 100%);
    }

    /*!sc*/
    .cJUYTa .update-info-layer.hot .update-info-mask {
      display: none;
    }

    /*!sc*/
    .cJUYTa .update-info-layer.hot .layer-score-wrap {
      display: none;
    }

    /*!sc*/
    .cJUYTa .update-info-layer.hot .update-info-hot {
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      -webkit-transform: scale(0.85);
      -ms-transform: scale(0.85);
      transform: scale(0.85);
    }

    /*!sc*/
    .cJUYTa .update-info-layer.hot .update-info-hot svg {
      height: 35px;
    }

    /*!sc*/
    .cJUYTa .update-info-hot {
      display: none;
    }

    /*!sc*/
    .cJUYTa .update-info-mask {
      font-size: 14px;
      color: #ffffff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      font-weight: 500;
      position: absolute;
      left: 8px;
      right: 10px;
      bottom: 10px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    /*!sc*/
    .cJUYTa .img {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      object-fit: none;
      width: 100%;
      height: 100%;
      background-color: #303440;
    }

    /*!sc*/
    .cJUYTa.lightSlider {
      width: 100%;
    }

    /*!sc*/
    .cJUYTa .layer-score-wrap {
      display: inline-block;
      position: absolute;
      left: 8px;
      right: 10px;
      bottom: 10px;
    }

    /*!sc*/
    .cJUYTa .layer-score-wrap .album-score {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      color: white;
      position: relative;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }

    /*!sc*/
    .cJUYTa .layer-score-wrap .album-score .all-score-info {
      position: relative;
    }

    /*!sc*/
    .cJUYTa .layer-score-wrap .album-score .all-score-info .score-info-whiteStar svg {
      position: relative;
      top: 2px;
      height: 13px;
      width: 13px;
    }

    /*!sc*/
    .cJUYTa .layer-score-wrap .album-score .all-score-info .score-info-whiteStar svg path {
      fill: #fff;
    }

    /*!sc*/
    .cJUYTa .layer-score-wrap .album-score .all-score-info .score-info-number {
      font-size: 14px;
      color: #fff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.7);
      font-weight: 700;
      margin: 0 4px;
    }

    /*!sc*/
    .cJUYTa .layer-score-wrap .album-score .all-score-info .score-info-person-number {
      font-size: 16px;
      color: #999999;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
    }

    /*!sc*/
    .cJUYTa .img_icon_mark {
      position: absolute;
      right: 0;
      top: 0;
      display: inline-block;
      font-size: 12px;
      color: #ffffff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      line-height: 14px;
      border-radius: 2px;
      border-radius: 2px;
      text-align: center;
      padding: 3px 4px;
    }

    /*!sc*/
    .cJUYTa .img_icon_mark.produced {
      background-image: linear-gradient(90deg, #cf0248 0%, #e80553 100%);
    }

    /*!sc*/
    .cJUYTa .img_icon_mark.exclusive {
      background: #cf0248;
    }

    /*!sc*/
    @media screen and (max-width:767px) {
      .cJUYTa {
        width: calc(100% / 3);
      }

      .cJUYTa.horizontal {
        width: calc(100% / 2);
      }

      .cJUYTa .plist-img-wrap {
        margin-right: 8px;
        margin-bottom: 0px;
      }

      .cJUYTa .text-box.hot .hot-update-info {
        font-size: 12px;
      }
    }

    /*!sc*/
    @media screen and (min-width:768px) and (max-width:1023px) {
      .cJUYTa {
        width: calc(100% / 4);
      }

      .cJUYTa.horizontal {
        width: calc(100% / 3);
      }

      .cJUYTa .text-box.hot .hot-update-info {
        font-size: 12px;
      }

      .cJUYTa .update-info-layer.hot .update-info-hot svg text {
        font-size: 22px;
      }
    }

    /*!sc*/
    @media screen and (max-width:767px) {
      .cJUYTa.pc-row.lightSlider .plist-img-wrap:hover {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
      }

      .cJUYTa .update-info-layer.hot .update-info-hot svg text {
        font-size: 24px;
      }
    }

    /*!sc*/
    @media screen and (min-width:1680px) {
      .cJUYTa {
        width: calc(100% / 8);
      }

      .cJUYTa.horizontal {
        width: calc(100% / 6);
      }

      .cJUYTa .plist-img-wrap {
        margin-bottom: 0px;
      }

      .cJUYTa .text-box {
        font-size: 16px;
      }

      .cJUYTa .text-box .title,
      .cJUYTa .text-box .hot-update-info {
        font-size: 16px;
      }

      .cJUYTa .text-box.hot {
        height: 76px;
      }

      .cJUYTa .update-info-layer.hot .update-info-hot {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        left: 10px;
      }
    }

    /*!sc*/
    @media screen and (max-width:1680px) {
      .cJUYTa .text-box.hot .hot-update-info {
        font-size: 12px;
      }

      .cJUYTa .update-info-layer .update-info-mask {
        font-size: 12px;
      }

      .cJUYTa .update-info-layer.hot .update-info-hot svg text {
        font-size: 24px;
      }
    }

    /*!sc*/
    .eiAJBv {
      width: calc(100% / 6);
      -webkit-transform: translate(0px);
      -ms-transform: translate(0px);
      transform: translate(0px);
      position: relative;
      display: inline-block;
      vertical-align: top;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
    }

    /*!sc*/
    .eiAJBv.horizontal {
      width: calc(100% / 4);
    }

    /*!sc*/
    .eiAJBv.horizontal.lightSlider {
      width: 100%;
    }

    /*!sc*/
    .eiAJBv.horizontal .pic-box:before {
      padding-top: 56.25%;
    }

    /*!sc*/
    .eiAJBv.special-img-num {
      width: calc(100% /);
    }

    /*!sc*/
    .eiAJBv .plist-img-wrap {
      margin-right: 16px;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
    }

    /*!sc*/
    .eiAJBv.lightSlider .plist-img-wrap {
      margin-right: 0;
    }

    /*!sc*/
    .eiAJBv.lightSlider .text-box {
      height: 40px;
    }

    /*!sc*/
    .eiAJBv.pc-row .plist-img-wrap:hover {
      -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
      transform: scale(1.05);
    }

    /*!sc*/
    .eiAJBv.pc-row .plist-img-wrap:hover .text-box .title {
      color: #eb1c63;
      opacity: 1;
    }

    /*!sc*/
    .eiAJBv.pc-row .plist-img-wrap:hover .mask-container {
      display: block;
    }

    /*!sc*/
    .eiAJBv.pc-row.lightSlider .plist-img-wrap:hover {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
    }

    /*!sc*/
    .eiAJBv .text-box {
      position: relative;
      padding: 0.1rem 0 0;
      font-size: 14px;
      -webkit-transition: color 0.3s;
      transition: color 0.3s;
    }

    /*!sc*/
    .eiAJBv .text-box .title {
      white-space: normal;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      color: #fff;
      font-weight: 500;
      font-size: 14px;
    }

    /*!sc*/
    .eiAJBv .text-box .hot-update-info {
      display: none;
    }

    /*!sc*/
    .eiAJBv .text-box.hot {
      height: 70px;
      background: rgb(20, 41, 51);
      border-radius: 0 0 6px 6px;
    }

    /*!sc*/
    .eiAJBv .text-box.hot .title {
      margin: 0 10px 6px;
    }

    /*!sc*/
    .eiAJBv .text-box.hot .hot-update-info {
      margin: 0 10px;
      font-size: 13px;
      color: rgba(255, 255, 255, 0.7);
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      font-weight: 400;
      position: absolute;
      bottom: 10px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: normal;
    }

    /*!sc*/
    .eiAJBv .pic-box {
      position: relative;
    }

    /*!sc*/
    .eiAJBv .pic-box:before {
      content: '';
      display: block;
      padding-top: 133.3333%;
    }

    /*!sc*/
    .eiAJBv .update-info-layer {
      background-image: linear-gradient(0deg, rgba(10, 12, 15, 0.8) 0%, rgba(10, 12, 15, 0.74) 4%, rgba(10, 12, 15, 0.59) 17%, rgba(10, 12, 15, 0.4) 34%, rgba(10, 12, 15, 0.21) 55%, rgba(10, 12, 15, 0.06) 78%, rgba(10, 12, 15, 0) 100%);
      height: 60px;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 300;
    }

    /*!sc*/
    .eiAJBv .update-info-layer.hot {
      background-image: linear-gradient(180deg, rgba(20, 41, 51, 0.00) 1%, rgb(20, 41, 51) 100%);
    }

    /*!sc*/
    .eiAJBv .update-info-layer.hot .update-info-mask {
      display: none;
    }

    /*!sc*/
    .eiAJBv .update-info-layer.hot .layer-score-wrap {
      display: none;
    }

    /*!sc*/
    .eiAJBv .update-info-layer.hot .update-info-hot {
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      -webkit-transform: scale(0.85);
      -ms-transform: scale(0.85);
      transform: scale(0.85);
    }

    /*!sc*/
    .eiAJBv .update-info-layer.hot .update-info-hot svg {
      height: 35px;
    }

    /*!sc*/
    .eiAJBv .update-info-hot {
      display: none;
    }

    /*!sc*/
    .eiAJBv .update-info-mask {
      font-size: 14px;
      color: #ffffff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      font-weight: 500;
      position: absolute;
      left: 8px;
      right: 10px;
      bottom: 10px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    /*!sc*/
    .eiAJBv .img {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      object-fit: none;
      width: 100%;
      height: 100%;
      background-color: #303440;
    }

    /*!sc*/
    .eiAJBv.lightSlider {
      width: 100%;
    }

    /*!sc*/
    .eiAJBv .layer-score-wrap {
      display: inline-block;
      position: absolute;
      left: 8px;
      right: 10px;
      bottom: 10px;
    }

    /*!sc*/
    .eiAJBv .layer-score-wrap .album-score {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      color: white;
      position: relative;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }

    /*!sc*/
    .eiAJBv .layer-score-wrap .album-score .all-score-info {
      position: relative;
    }

    /*!sc*/
    .eiAJBv .layer-score-wrap .album-score .all-score-info .score-info-whiteStar svg {
      position: relative;
      top: 2px;
      height: 13px;
      width: 13px;
    }

    /*!sc*/
    .eiAJBv .layer-score-wrap .album-score .all-score-info .score-info-whiteStar svg path {
      fill: #fff;
    }

    /*!sc*/
    .eiAJBv .layer-score-wrap .album-score .all-score-info .score-info-number {
      font-size: 14px;
      color: #fff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.7);
      font-weight: 700;
      margin: 0 4px;
    }

    /*!sc*/
    .eiAJBv .layer-score-wrap .album-score .all-score-info .score-info-person-number {
      font-size: 16px;
      color: #999999;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
    }

    /*!sc*/
    .eiAJBv .img_icon_mark {
      position: absolute;
      right: 0;
      top: 0;
      display: inline-block;
      font-size: 12px;
      color: #ffffff;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      line-height: 14px;
      border-radius: 2px;
      border-radius: 2px;
      text-align: center;
      padding: 3px 4px;
    }

    /*!sc*/
    .eiAJBv .img_icon_mark.produced {
      background-image: linear-gradient(90deg, #cf0248 0%, #e80553 100%);
    }

    /*!sc*/
    .eiAJBv .img_icon_mark.exclusive {
      background: #cf0248;
    }

    /*!sc*/
    @media screen and (max-width:767px) {
      .eiAJBv {
        width: calc(100% / 3);
      }

      .eiAJBv.horizontal {
        width: calc(100% / 2);
      }

      .eiAJBv .plist-img-wrap {
        margin-right: 8px;
        margin-bottom: 0px;
      }

      .eiAJBv .text-box.hot .hot-update-info {
        font-size: 12px;
      }
    }

    /*!sc*/
    @media screen and (min-width:768px) and (max-width:1023px) {
      .eiAJBv {
        width: calc(100% / 4);
      }

      .eiAJBv.horizontal {
        width: calc(100% / 3);
      }

      .eiAJBv .text-box.hot .hot-update-info {
        font-size: 12px;
      }

      .eiAJBv .update-info-layer.hot .update-info-hot svg text {
        font-size: 22px;
      }
    }

    /*!sc*/
    @media screen and (max-width:767px) {
      .eiAJBv.pc-row.lightSlider .plist-img-wrap:hover {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
      }

      .eiAJBv .update-info-layer.hot .update-info-hot svg text {
        font-size: 24px;
      }
    }

    /*!sc*/
    @media screen and (min-width:1680px) {
      .eiAJBv {
        width: calc(100% / 8);
      }

      .eiAJBv.horizontal {
        width: calc(100% / 6);
      }

      .eiAJBv .plist-img-wrap {
        margin-bottom: 0px;
      }

      .eiAJBv .text-box {
        font-size: 16px;
      }

      .eiAJBv .text-box .title,
      .eiAJBv .text-box .hot-update-info {
        font-size: 16px;
      }

      .eiAJBv .text-box.hot {
        height: 76px;
      }

      .eiAJBv .update-info-layer.hot .update-info-hot {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        left: 10px;
      }
    }

    /*!sc*/
    @media screen and (max-width:1680px) {
      .eiAJBv .text-box.hot .hot-update-info {
        font-size: 12px;
      }

      .eiAJBv .update-info-layer .update-info-mask {
        font-size: 12px;
      }

      .eiAJBv .update-info-layer.hot .update-info-hot svg text {
        font-size: 24px;
      }
    }

    /*!sc*/
    data-styled.g92[id="style__SimplePicUnitItemWrapper-sc-1f8o3yl-0"] {
      content: "eIxIwV,gkBibs,cgGejr,dGFkye,idaLGZ,fEWzvZ,bdJnmJ,gZOvtw,ixCabp,hMqsbs,cvoWya,fVdquv,bfQRsq,hyCIxd,idDpCh,jFvUAE,dmBjVf,ttPSI,cJUYTa,eiAJBv,"
    }

    /*!sc*/
    .gtUBtS {
      position: relative;
    }

    /*!sc*/
    .gtUBtS .slider-content {
      margin: 0 47px;
      position: relative;
      overflow: hidden;
      padding: 22px 13px 12px;
    }

    /*!sc*/
    data-styled.g93[id="style__SliderCoreWrapper-sc-1vuvzt6-0"] {
      content: "gtUBtS,"
    }

    /*!sc*/
    .hTQIFZ.slide-item-wrap {
      display: inline-block;
      width: calc((100% - 80px) / 6);
      margin-right: 2px;
    }

    /*!sc*/
    .hTQIFZ.slide-item-wrap.horizontal {
      width: calc((100% - 48px) / 4);
    }

    /*!sc*/
    @media screen and (max-width:767px) {
      .hTQIFZ.slide-item-wrap {
        width: calc((100% - 16px) / 3);
        margin-right: 2px;
      }

      .hTQIFZ.slide-item-wrap.horizontal {
        width: calc((100% - 8px) / 2);
      }
    }

    /*!sc*/
    @media screen and (min-width:768px) and (max-width:1023px) {
      .hTQIFZ.slide-item-wrap {
        width: calc((100% - 48px) / 4);
        margin-right: 2px;
      }

      .hTQIFZ.slide-item-wrap.horizontal {
        width: calc((100% - 32px) / 3);
      }
    }

    /*!sc*/
    @media screen and (min-width:1680px) {
      .hTQIFZ.slide-item-wrap {
        width: calc((100% - 112px) / 8);
        margin-right: 2px;
      }

      .hTQIFZ.slide-item-wrap.horizontal {
        width: calc((100% - 80px) / 6);
      }
    }

    .hTQIFZ7.slide-item-wrap7{
      display: inline-block;
      width: calc((100% - 96px) / 6);
      margin: 0px;
      margin-bottom: 14px;
    }
    @media screen and (max-width:767px) {
      .hTQIFZ7.slide-item-wrap7 {
        width: calc((100% - 48px) / 3);
        mmargin: 8px;
      }

      .hTQIFZ7.slide-item-wrap7.horizontal7 {
        width: calc((100% - 8px) / 3);
      }
    }

    /*!sc*/
    @media screen and (min-width:768px) and (max-width:1023px) {
      .hTQIFZ7.slide-item-wrap7 {
        width: calc((100% - 64px) / 4);
        margin: 0px;
        margin-bottom: 14px;
      }
      

      .hTQIFZ7.slide-item-wrap7.horizontal {
        width: calc((100% - 32px) / 4);
      }
    }

    /*!sc*/
    @media screen and (min-width:1680px) {
      .hTQIFZ7.slide-item-wrap7 {
        width: calc((100% - 105px) / 7);
        margin: 0px;
        margin-bottom: 14px;
      }

      .hTQIFZ7.slide-item-wrap7.horizontal {
        width: calc((100% - 80px) / 5);
      }
    }


    /*!sc*/
    data-styled.g94[id="style__SliderItemWrapper-sc-1l7rzru-0"] {
      content: "hTQIFZ,"
    }

    /*!sc*/
    .dQrOXN {
      -webkit-transform: translate(0px);
      -ms-transform: translate(0px);
      transform: translate(0px);
      width: 100%;
      position: relative;
    }

    /*!sc*/
    .dQrOXN .pic-box {
      z-index: 2;
      border-radius: 6px 6px 0 0;;
      overflow: hidden;
    }

    /*!sc*/
    .dQrOXN .pic-box img {
      -webkit-backface-visibility: hidden;
      -ms-transform: translateZ(0);
      -webkit-transform: translateZ(0);
      -webkit-transform: translateZ(0);
      -ms-transform: translateZ(0);
      transform: translateZ(0);
      image-rendering: smooth;
    }

    /*!sc*/
    .dQrOXN.pc-row .mask .plist-img-wrap:hover .text-box .title {
      color: #c70448;
    }

    /*!sc*/
    .dQrOXN.pc-row .mask .plist-img-wrap .pic-box:hover .mask-container {
      display: block;
    }

    /*!sc*/
    .dQrOXN.pc-row .normal .plist-img-wrap:hover {
      -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
      transform: scale(1.05);
    }

    /*!sc*/
    .dQrOXN.pc-row .normal .plist-img-wrap:hover .text-box .title {
      color: #c70448;
    }

    /*!sc*/
    .dQrOXN.pc-row .normal .plist-img-wrap:hover .mask-container {
      display: block;
    }

    /*!sc*/
    .dQrOXN.pc-row .horizontal .plist-img-wrap:hover .text-box .title {
      color: #c70448;
    }

    /*!sc*/
    .dQrOXN .arrow-left.slider-button-disabled,
    .dQrOXN .arrow-right.slider-button-disabled {
      display: none;
    }

    /*!sc*/
    .dQrOXN.mobile-row .slider-content,
    .dQrOXN.mobile-row .light-slider-container {
      overflow-x: scroll;
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch;
      overflow: -moz-scrollbars-none;
      margin: 0;
    }

    /*!sc*/
    .dQrOXN.mobile-row .slider-content::-webkit-scrollbar,
    .dQrOXN.mobile-row .light-slider-container::-webkit-scrollbar {
      width: 0px;
      display: none;
    }

    /*!sc*/
    .dQrOXN.mobile-row .arrow-left,
    .dQrOXN.mobile-row .arrow-right {
      display: none;
    }

    /*!sc*/
    .dQrOXN.mobile-row .channelPage .arrow-left,
    .dQrOXN.mobile-row .channelPage .arrow-right {
      display: none;
    }

    /*!sc*/
    .dQrOXN .row-block {
      margin: 0 auto;
      position: relative;
      max-width: 1640px;
    }

    /*!sc*/
    .dQrOXN .row-block.channelPage {
      max-width: 1808px;
    }

    /*!sc*/
    .dQrOXN .channelPage .row-title {
      padding-left: 0px;
    }

    /*!sc*/
    .dQrOXN .channelPage .slider-content {
      margin: 0 51px;
      padding: 16px 13px 36px;
    }

    /*!sc*/
    .dQrOXN .channelPage .arrow-left,
    .dQrOXN .channelPage .arrow-right {
      margin-top: 16px;
      top: 0;
      height: calc(100% - 82px);
      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-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      padding: 0 16px;
    }

    /*!sc*/
    .dQrOXN .channelPage .arrow-left.slider-button-disabled,
    .dQrOXN .channelPage .arrow-right.slider-button-disabled {
      display: none;
    }

    /*!sc*/
    .dQrOXN .channelPage.hot .slider-content {
      padding-bottom: 40px;
    }

    /*!sc*/
    .dQrOXN .row-title {
      font-size: 22px;
      color: #fff;
      line-height: 32px;
      font-weight: 600;
      padding-left: 60px;
    }

    /*!sc*/
    .dQrOXN .row-content {
      position: relative;
    }

    /*!sc*/
    .dQrOXN .slider-container {
      position: relative;
    }

    /*!sc*/
    .dQrOXN .slider-content {
      margin: 0 47px;
      position: relative;
      overflow: hidden;
      padding: 22px 13px 12px;
    }
    .slider-content-2 {
      margin: 0 47px;
      position: relative;
      padding: 22px 13px 12px;
    }

    /*!sc*/
    .dQrOXN .slider-move {
      -webkit-transition: -webkit-transform 0.3s;
      -webkit-transition: transform 0.3s;
      transition: transform 0.3s;
    }

    /*!sc*/
    .dQrOXN .arrow-left,
    .dQrOXN .arrow-right {
      position: absolute;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      cursor: pointer;
      top: calc(50% - 34px);
      margin-top: -27px;
      height: 54px;
      width: 54px;
      border-radius: 50%;
      background-color: transparent;
      box-sizing: border-box;
      padding: 16px;
      z-index: 10;
    }

    /*!sc*/
    .dQrOXN .arrow-left svg,
    .dQrOXN .arrow-right svg {
      height: 24px;
      width: 24px;
      fill: #fff;
      opacity: 0.6;
    }

    /*!sc*/
    .dQrOXN .arrow-left:hover svg,
    .dQrOXN .arrow-right:hover svg {
      opacity: 1;
    }

    /*!sc*/
    .dQrOXN .arrow-left {
      left: 10px;
    }

    /*!sc*/
    .dQrOXN .arrow-left svg {
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg);
    }

    /*!sc*/
    .dQrOXN .arrow-right {
      right: 10px;
    }

    /*!sc*/
    @media screen and (min-width:1281px) {
      .dQrOXN.pc-row.show-pull-down .pull-hover {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
      }

      .dQrOXN.pc-row.show-pull-down .pull-hover .pic-box {
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
      }

      .dQrOXN.pc-row.show-pull-down .pull-hover .pull-down-arrow {
        height: 100%;
        opacity: 1;
      }

      .dQrOXN.pc-row .normal .plist-img-wrap:hover {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
      }

      .dQrOXN.pc-row .normal .plist-img-wrap:hover .pic-box {
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
      }
    }

    /*!sc*/
    @media screen and (max-width:1024px) {
      .dQrOXN.pc-row .vertical .plist-img-wrap:hover {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
      }

      .dQrOXN.pc-row .vertical .plist-img-wrap:hover .text-box .title {
        color: #c70448;
      }

      .dQrOXN.pc-row .horizontal .plist-img-wrap:hover {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
      }

      .dQrOXN.pc-row .horizontal .plist-img-wrap:hover .text-box .title {
        color: #c70448;
      }
    }

    /*!sc*/
    @media screen and (max-width:480px) {
      .dQrOXN .slider-content {
        margin: 0 0.15rem;
        overflow: visible;
      }

      .dQrOXN.pc-row .slider-content {
        padding: 12px 4px 20px;
        margin: 0px 11px;
        overflow: hidden;
      }

      .dQrOXN .row-title {
        font-size: 15px;
        line-height: 51px;
        padding-left: 15px;
      }

      .dQrOXN .arrow-left,
      .dQrOXN .arrow-right {
        width: 0.4rem;
        height: 0.4rem;
        margin-top: -0.2rem;
        padding: 0.1rem;
        top: calc(50% - 25px);
      }

      .dQrOXN .arrow-left svg,
      .dQrOXN .arrow-right svg {
        height: 0.2rem;
        width: 0.2rem;
      }

      .dQrOXN .arrow-left {
        left: -7px;
      }

      .dQrOXN .arrow-right {
        right: -7px;
      }

      .dQrOXN .channelPage .row-title {
        padding-left: 15px;
      }

      .dQrOXN .channelPage .arrow-left,
      .dQrOXN .channelPage .arrow-right {
        margin-top: 12px;
        height: calc(100% - 66px);
        padding: 0 9px;
      }

      .dQrOXN .channelPage .slider-content {
        padding: 12px 4px 16px;
      }

      .dQrOXN .channelPage.hot .slider-content {
        padding-bottom: 28px;
      }
    }

    /*!sc*/
    @media screen and (min-width:481px) and (max-width:767px) {
      .dQrOXN.pc-row .vertical .plist-img-wrap:hover {
        -webkit-transform: scale(1.04);
        -ms-transform: scale(1.04);
        transform: scale(1.04);
      }

      .dQrOXN.pc-row .vertical .plist-img-wrap:hover .text-box .title {
        color: #c70448;
      }

      .dQrOXN.pc-row .horizontal .plist-img-wrap:hover {
        -webkit-transform: scale(1.04);
        -ms-transform: scale(1.04);
        transform: scale(1.04);
      }

      .dQrOXN.pc-row .horizontal .plist-img-wrap:hover .text-box .title {
        color: #c70448;
      }

      .dQrOXN .slider-content {
        margin: 0 0.2rem;
        overflow: visible;
      }

      .dQrOXN.pc-row .row-title {
        padding-left: 15px;
      }

      .dQrOXN.pc-row .slider-content {
        padding: 12px 4px 20px;
        margin: 0px 11px;
        overflow: hidden;
      }

      .dQrOXN.mobile-row .slider-content {
        padding: 20px;
      }

      .dQrOXN .row-title {
        font-size: 20px;
        padding-left: 22px;
        line-height: 44px;
      }

      .dQrOXN .arrow-left,
      .dQrOXN .arrow-right {
        width: 0.5rem;
        height: 0.5rem;
        margin-top: -0.25rem;
        padding: 0.14rem;
        top: calc(50% - 27px);
      }

      .dQrOXN .arrow-left svg,
      .dQrOXN .arrow-right svg {
        height: 0.22rem;
        width: 0.22rem;
      }

      .dQrOXN .arrow-left {
        left: -14px;
      }

      .dQrOXN .arrow-right {
        right: -14px;
      }

      .dQrOXN .channelPage .row-title {
        padding-left: 0px;
      }

      .dQrOXN .channelPage .slider-content {
        padding: 12px 4px 16px;
      }

      .dQrOXN .channelPage .arrow-left,
      .dQrOXN .channelPage .arrow-right {
        margin-top: 12px;
        height: calc(100% - 67px);
        padding: 0 12px;
      }

      .dQrOXN .channelPage.hot .slider-content {
        padding-bottom: 28px;
      }
    }

    /*!sc*/
    @media screen and (min-width:768px) and (max-width:1023px) {
      .dQrOXN .slider-content {
        margin: 0 43px;
        padding: 16px 7px 12px;
      }

      .dQrOXN.mobile-row .slider-content {
        padding: 20px 50px 20px;
      }

      .dQrOXN.mobile-row .row-title {
        padding-left: 50px;
      }

      .dQrOXN .row-title {
        padding-left: 50px;
      }

      .dQrOXN .arrow-left,
      .dQrOXN .arrow-right {
        width: 40px;
        height: 40px;
        margin-top: -20px;
        padding: 11px;
        top: calc(50% - 37px);
      }

      .dQrOXN .arrow-left svg,
      .dQrOXN .arrow-right svg {
        height: 24px;
        width: 24px;
      }

      .dQrOXN .channelPage .row-title {
        padding-left: 0px;
      }

      .dQrOXN .channelPage .slider-content {
        margin: 0 49px;
        padding: 16px 7px 16px;
      }

      .dQrOXN .channelPage .arrow-left,
      .dQrOXN .channelPage .arrow-right {
        padding: 0 11px;
      }

      .dQrOXN .channelPage.hot .slider-content {
        padding-bottom: 36px;
      }

      .dQrOXN.mobile-row .channelPage .slider-content {
        padding: 20px 56px 16px;
        margin: 0;
      }

      .dQrOXN.mobile-row .channelPage.hot .slider-content {
        padding-bottom: 36px;
      }
    }

    /*!sc*/
    @media screen and (max-width:767px) {
      .dQrOXN .slider-content {
        padding: 8px 16px 32px 15px;
      }

      .dQrOXN.mobile-row .channelPage .slider-content {
        margin: 0;
        padding: 8px 26px 24px 15px;
      }

      .dQrOXN.mobile-row .channelPage.hot .slider-content {
        padding-bottom: 28px;
      }
    }

    /*!sc*/
    @media screen and (min-width:1024px) {
      .dQrOXN.mobile-row .slider-content {
        padding: 20px 60px 20px;
      }

      .dQrOXN.mobile-row .channelPage .slider-content {
        padding: 20px 64px 20px;
        margin: 0;
      }

      .dQrOXN.mobile-row .channelPage.hot .slider-content {
        padding-bottom: 40px;
      }

      .dQrOXN .arrow-left {
        left: 12px;
      }

      .dQrOXN .arrow-right {
        right: 14px;
      }
    }

    /*!sc*/
    @media screen and (min-width:1680px) {
      .dQrOXN .row-block.channelPage {
        margin: 0 56px;
      }

      .dQrOXN .row-block.channelPage .slider-content {
        margin: 0 -13px;
        padding: 16px 13px 40px;
      }

      .dQrOXN .row-block.channelPage.hot .slider-content {
        padding-bottom: 48px;
      }

      .dQrOXN .row-title {
        font-size: 28px;
        line-height: 32px;
      }

      .dQrOXN .slider-content {
        padding: 22px 13px 12px;
      }

      .dQrOXN .arrow-left {
        left: 4px;
      }

      .dQrOXN .arrow-left svg {
        width: 28px;
        height: 28px;
      }

      .dQrOXN .arrow-right svg {
        width: 28px;
        height: 28px;
      }

      .dQrOXN .channelPage .row-title {
        padding-left: 0;
      }

      .dQrOXN .channelPage .arrow-left {
        height: calc(100% - 90px);
        left: -54px;
      }

      .dQrOXN .channelPage .arrow-right {
        height: calc(100% - 90px);
        right: -44px;
      }
    }

    /*!sc*/
    @media screen and (min-width:1920px) {
      .dQrOXN .row-block.channelPage {
        margin: 0 auto;
      }
    }

    /*!sc*/
    data-styled.g97[id="style__RowBlockWrapper-sc-8lppde-0"] {
      content: "dQrOXN,"
    }

    /*!sc*/
    .bNhKtC {
      display: inline-block;
      position: relative;
      width: calc((100% + 16px) / 8);
      vertical-align: top;
      overflow: visible;
      cursor: pointer;
    }

    /*!sc*/
    .bNhKtC .coming-soon-timeline-wrapper {
      position: relative;
      margin-top: 6px;
      margin-bottom: 14px;
    }

    /*!sc*/
    .bNhKtC .timeline-line {
      width: 100%;
      height: 2px;
      background: #2d2f34;
    }

    /*!sc*/
    .bNhKtC .timeline-point {
      position: absolute;
      width: 10px;
      height: 10px;
      top: -6px;
      left: 50%;
      margin-left: -14px;
      background: #828387;
      border: 2px solid #111319;
      border-radius: 50%;
    }

    /*!sc*/
    .bNhKtC .active-point {
      background: #eb1c63;
    }

    /*!sc*/
    .bNhKtC .active-point:after {
      content: '';
      display: block;
      position: absolute;
      bottom: -10px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      width: 0;
      height: 0;
      border-top: 6px solid #eb1c63;
      border-right: 4px solid transparent;
      border-bottom: 6px solid transparent;
      border-left: 4px solid transparent;
    }

    /*!sc*/
    .bNhKtC .unit-time-wrapper {
      height: 42px;
      margin-left: -14px;
      margin-top: 12px;
      text-align: center;
    }

    /*!sc*/
    .bNhKtC .unit-date {
      font-size: 14px;
      color: #bcbdbe;
    }

    /*!sc*/
    .bNhKtC .unit-day {
      font-size: 14px;
      color: #828387;
    }

    /*!sc*/
    .bNhKtC .poster-content-outer {
      position: relative;
    }

    /*!sc*/
    .bNhKtC .href-outer {
      width: 100%;
    }

    /*!sc*/
    .bNhKtC .poster-img-wrapper {
      position: relative;
      margin-right: 16px;
    }

    /*!sc*/
    .bNhKtC .poster-img-wrapper .poster-img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: 6px;
      background-color: #303440;
    }

    /*!sc*/
    .bNhKtC .poster-img-wrapper .poster-img:hover {
      -webkit-transform: scale(1.04);
      -ms-transform: scale(1.04);
      transform: scale(1.04);
      -webkit-transition: -webkit-transform 0.2s ease;
      -webkit-transition: transform 0.2s ease;
      transition: transform 0.2s ease;
    }

    /*!sc*/
    .bNhKtC .poster-img-wrapper .img-outer {
      position: relative;
      overflow: hidden;
      border-radius: 4px;
    }

    /*!sc*/
    .bNhKtC .poster-img-wrapper .img-outer:before {
      content: '';
      display: block;
      padding-top: 133.33%;
    }

    /*!sc*/
    .bNhKtC .title {
      width: 95%;
      margin-bottom: 16px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      white-space: normal;
      margin-top: 8px;
      font-size: 16px;
      color: #ffffff;
      opacity: 0.8;
      -webkit-letter-spacing: 0;
      -moz-letter-spacing: 0;
      -ms-letter-spacing: 0;
      letter-spacing: 0;
      line-height: 20px;
      font-weight: 500;
    }

    /*!sc*/
    .bNhKtC .play-link {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: none;
    }

    /*!sc*/
    .bNhKtC .handle-wrapper-outer {
      display: none;
    }

    /*!sc*/
    .bNhKtC .button-wrapper {
      margin-top: 16px;
      padding-right: 16px;
    }

    /*!sc*/
    .bNhKtC .reserve-button {
      position: relative;
      margin: 0 auto;
      text-align: center;
      width: 150px;
      height: 36px;
      background: #2d2f34;
      border-radius: 4px;
    }

    /*!sc*/
    .bNhKtC .reserve-button:hover::after {
      content: '';
      display: block;
      width: 100%;
      height: 100%;
      background-color: rgba(255, 255, 255, 0.2);
      position: absolute;
      top: 0;
      left: 0;
      border-radius: 4px;
    }

    /*!sc*/
    .bNhKtC .reserve-button svg {
      width: 20px;
      height: 20px;
      background: #111319;
      margin-right: 4px;
      vertical-align: middle;
      background: #2d2f34;
    }

    /*!sc*/
    .bNhKtC .reserve-button .text {
      line-height: 36px;
      font-size: 14px;
      color: #eb1c63;
      font-weight: 500;
      vertical-align: middle;
    }

    /*!sc*/
    .bNhKtC .reserve-button .reserved {
      color: #bcbdbe !important;
    }

    /*!sc*/
    @media screen and (min-width:1281px) and (max-width:1679px) {
      .bNhKtC {
        width: calc((100% + 14px) / 6);
      }

      .bNhKtC .poster-img-wrapper {
        margin-right: 14px;
      }

      .bNhKtC .title {
        font-size: 14px;
        margin-bottom: 12px;
      }

      .bNhKtC .reserve-button {
        width: 108px;
      }

      .bNhKtC .button-wrapper {
        margin-top: 12px;
      }
    }

    /*!sc*/
    @media screen and (min-width:1024px) and (max-width:1280px) {
      .bNhKtC {
        width: calc((100% + 14px) / 6);
      }

      .bNhKtC .poster-img-wrapper {
        margin-right: 14px;
      }

      .bNhKtC .unit-date {
        font-size: 12px;
      }

      .bNhKtC .unit-day {
        font-size: 12px;
      }

      .bNhKtC .unit-time-wrapper {
        height: 34px;
      }

      .bNhKtC .title {
        font-size: 14px;
        margin-bottom: 12px;
      }

      .bNhKtC .reserve-button {
        width: 108px;
      }

      .bNhKtC .button-wrapper {
        margin-top: 12px;
      }
    }

    /*!sc*/
    @media screen and (min-width:768px) and (max-width:1023px) {
      .bNhKtC {
        width: calc((100% + 14px) / 4);
      }

      .bNhKtC .poster-img-wrapper {
        margin-right: 14px;
      }

      .bNhKtC .poster-img-wrapper .poster-img:hover {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        -webkit-transition: -webkit-transform 0 ease;
        -webkit-transition: transform 0 ease;
        transition: transform 0 ease;
      }

      .bNhKtC .title {
        margin-top: 8px;
        margin-bottom: 12px;
        font-size: 14px;
      }

      .bNhKtC .play-link {
        display: inline;
      }

      .bNhKtC .coming-soon-timeline-wrapper {
        margin-bottom: 16px;
      }

      .bNhKtC .unit-time-wrapper {
        height: 34px;
      }

      .bNhKtC .handle-wrapper-outer {
        display: block;
      }

      .bNhKtC .handle-wrapper-outer .collection-wrap {
        height: 36px;
        width: 36px;
      }

      .bNhKtC .handle-wrapper-outer .collection-wrap svg {
        height: 36px;
        width: 36px;
      }

      .bNhKtC .handle-wrapper-outer .collection-wrap.hoverArrow:after {
        top: 52px;
      }

      .bNhKtC .handle-wrapper-outer .collection-wrap .hoverToast {
        top: 44px;
      }

      .bNhKtC .handle-wrapper-outer .wrap {
        width: 36px;
        height: 36px;
      }

      .bNhKtC .handle-wrapper-outer .wrap svg {
        height: 36px;
        width: 36px;
      }

      .bNhKtC .handle-wrapper-outer .independent-handler {
        height: 100%;
        background-image: linear-gradient(180deg, rgba(26, 28, 34, 0) 1%, rgba(26, 28, 34, 0) 100%);
      }

      .bNhKtC .handle-wrapper-outer .independent-handler .play-btn-wrapper {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
      }

      .bNhKtC .handle-wrapper-outer .independent-handler .collection-wrapper {
        position: absolute;
        bottom: 12px;
        right: 12px;
      }

      .bNhKtC .unit-date {
        font-size: 12px;
      }

      .bNhKtC .unit-day {
        font-size: 12px;
      }

      .bNhKtC .reserve-button {
        width: 108px;
      }

      .bNhKtC .button-wrapper {
        margin-top: 12px;
      }
    }

    /*!sc*/
    @media screen and (max-width:767px) {
      .bNhKtC {
        width: calc((100% + 8px) / 3);
      }

      .bNhKtC .title {
        margin-bottom: 8px;
        font-size: 0.16rem;
        font-weight: normal;
        line-height: normal;
      }

      .bNhKtC .poster-img-wrapper {
        margin-right: 8px;
      }

      .bNhKtC .poster-img-wrapper .poster-img:hover {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        -webkit-transition: -webkit-transform 0 ease;
        -webkit-transition: transform 0 ease;
        transition: transform 0 ease;
      }

      .bNhKtC .button-wrapper {
        margin-top: 8px;
        padding-right: 8px;
      }

      .bNhKtC .timeline-point {
        display: none;
      }

      .bNhKtC .coming-soon-timeline-wrapper {
        margin-bottom: 6px;
      }

      .bNhKtC .unit-time-wrapper {
        height: 30px;
        padding-left: 8px;
        margin-left: -7px;
        margin-top: -10px;
        text-align: left;
        font-size: 11px;
        color: #bcbdbe;
      }

      .bNhKtC .unit-date {
        display: inline-block;
        padding: 0 2px 0 2px;
        margin-left: -2px;
        background: #111319;
        font-size: 12px;
      }

      .bNhKtC .unit-day {
        font-size: 12px;
      }

      .bNhKtC .reserve-button {
        width: 88px;
      }

      .bNhKtC .reserve-button svg {
        display: none;
      }

      .bNhKtC .handle-wrapper-outer .collection-wrap.hoverArrow:after {
        top: 52px;
      }

      .bNhKtC .handle-wrapper-outer .collection-wrap .hoverToast {
        top: 44px;
      }
    }

    /*!sc*/
    @media screen and (min-width:481px) and (max-width:767px) {
      .bNhKtC .poster-img-wrapper .poster-img:hover {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        -webkit-transition: -webkit-transform 0 ease;
        -webkit-transition: transform 0 ease;
        transition: transform 0 ease;
      }

      .bNhKtC .handle-wrapper-outer {
        display: block;
      }

      .bNhKtC .collection-wrap {
        height: 36px;
        width: 36px;
      }

      .bNhKtC .collection-wrap svg {
        height: 36px;
        width: 36px;
      }

      .bNhKtC .wrap {
        width: 36px;
        height: 36px;
      }

      .bNhKtC .wrap .play-button {
        width: 36px;
        height: 36px;
      }

      .bNhKtC .wrap svg {
        height: 36px;
        width: 36px;
      }

      .bNhKtC .independent-handler {
        height: 100%;
        background-image: linear-gradient(180deg, rgba(26, 28, 34, 0) 1%, rgba(26, 28, 34, 0) 100%);
      }

      .bNhKtC .independent-handler .play-btn-wrapper {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
      }

      .bNhKtC .independent-handler .collection-wrapper {
        position: absolute;
        bottom: 12px;
        right: 12px;
      }
    }

    /*!sc*/
    data-styled.g101[id="style__ComingSoonUnitWrapper-sc-1ve272x-0"] {
      content: "bNhKtC,"
    }

    /*!sc*/
    .innLcr {
      font-size: 16px;
      color: #fff;
      -webkit-transform: translate(0px);
      -ms-transform: translate(0px);
      transform: translate(0px);
      width: 100%;
      position: relative;
    }

    /*!sc*/
    .innLcr .pic-box {
      z-index: 2;
      border-radius: 6px;
      overflow: hidden;
    }

    /*!sc*/
    .innLcr .pic-box img {
      -webkit-backface-visibility: hidden;
      -ms-transform: translateZ(0);
      -webkit-transform: translateZ(0);
      -webkit-transform: translateZ(0);
      -ms-transform: translateZ(0);
      transform: translateZ(0);
      image-rendering: smooth;
      border-radius: 6px;
    }

    /*!sc*/
    .innLcr.pc-row .poster-img-wrapper {
      position: relative;
      margin-right: 20px;
    }

    /*!sc*/
    .innLcr.pc-row .poster-img-wrapper:hover .title {
      color: #eb1c63;
    }

    /*!sc*/
    .innLcr.pc-row .active-date {
      color: #eb1c63;
    }

    /*!sc*/
    .innLcr.pc-row .active-day {
      color: rgba(28, 199, 73, 0.6);
    }

    /*!sc*/
    .innLcr.mobile-row .slider-content {
      overflow-x: scroll;
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch;
      overflow: -moz-scrollbars-none;
      margin: 0;
    }

    /*!sc*/
    .innLcr.mobile-row .slider-content::-webkit-scrollbar {
      width: 0px;
      display: none;
    }

    /*!sc*/
    .innLcr.mobile-row .arrow-left,
    .innLcr.mobile-row .arrow-right {
      display: none;
    }

    /*!sc*/
    .innLcr .row-block {
      margin: 0 auto;
      position: relative;
      max-width: 1808px;
    }

    /*!sc*/
    .innLcr .row-title {
      font-size: 22px;
      color: #fff;
      line-height: 32px;
      font-weight: 600;
      padding-left: 64px;
    }

    /*!sc*/
    .innLcr .row-content {
      position: relative;
    }

    /*!sc*/
    .innLcr .slider-container {
      position: relative;
    }

    /*!sc*/
    .innLcr .slider-content {
      margin: 0 51px;
      position: relative;
      overflow: hidden;
      padding: 16px 13px 36px;
    }

    /*!sc*/
    .innLcr .slider-move {
      -webkit-transition: -webkit-transform 0.3s;
      -webkit-transition: transform 0.3s;
      transition: transform 0.3s;
    }

    /*!sc*/
    .innLcr .arrow-left,
    .innLcr .arrow-right {
      position: absolute;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      cursor: pointer;
      top: calc(50% - 34px);
      margin-top: -27px;
      height: 54px;
      width: 54px;
      border-radius: 50%;
      background-color: transparent;
      box-sizing: border-box;
      padding: 16px;
      z-index: 10;
    }

    /*!sc*/
    .innLcr .arrow-left svg,
    .innLcr .arrow-right svg {
      height: 24px;
      width: 24px;
      fill: #fff;
      opacity: 0.6;
    }

    /*!sc*/
    .innLcr .arrow-left:hover svg,
    .innLcr .arrow-right:hover svg {
      opacity: 1;
    }

    /*!sc*/
    .innLcr .arrow-left {
      left: 10px;
    }

    /*!sc*/
    .innLcr .arrow-left svg {
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg);
    }

    /*!sc*/
    .innLcr .arrow-right {
      right: 10px;
    }

    /*!sc*/
    @media screen and (min-width:1281px) {
      .innLcr.pc-row.show-pull-down .pull-hover {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
      }

      .innLcr.pc-row.show-pull-down .pull-hover .pic-box {
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
      }

      .innLcr.pc-row.show-pull-down .pull-hover .pull-down-arrow {
        height: 100%;
        opacity: 1;
      }

      .innLcr.pc-row .normal .plist-img-wrap:hover {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
      }

      .innLcr.pc-row .normal .plist-img-wrap:hover .pic-box {
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
      }

      .innLcr.pc-row .poster-img-wrapper {
        margin-right: 16px;
      }
    }

    /*!sc*/
    @media screen and (max-width:1024px) {
      .innLcr.pc-row .vertical .plist-img-wrap:hover {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
      }

      .innLcr.pc-row .vertical .plist-img-wrap:hover .text-box .title {
        color: #c70448;
      }

      .innLcr.pc-row .horizontal .plist-img-wrap:hover {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
      }

      .innLcr.pc-row .horizontal .plist-img-wrap:hover .text-box .title {
        color: #c70448;
      }
    }

    /*!sc*/
    @media screen and (max-width:480px) {
      .innLcr .slider-content {
        margin: 0 0.15rem;
        overflow: visible;
      }

      .innLcr.pc-row .slider-content {
        padding: 12px 4px 16px;
        margin: 0px 11px;
        overflow: hidden;
      }

      .innLcr .row-title {
        font-size: 15px;
        line-height: 15px;
        padding-left: 15px;
      }

      .innLcr .arrow-left,
      .innLcr .arrow-right {
        width: 0.4rem;
        height: 0.4rem;
        margin-top: -0.2rem;
        padding: 0.1rem;
        top: calc(50% - 25px);
      }

      .innLcr .arrow-left svg,
      .innLcr .arrow-right svg {
        height: 0.2rem;
        width: 0.2rem;
      }

      .innLcr .arrow-left {
        left: -7px;
      }

      .innLcr .arrow-right {
        right: -7px;
      }
    }

    /*!sc*/
    @media screen and (min-width:481px) and (max-width:767px) {
      .innLcr.pc-row .vertical .plist-img-wrap:hover {
        -webkit-transform: scale(1.04);
        -ms-transform: scale(1.04);
        transform: scale(1.04);
      }

      .innLcr.pc-row .vertical .plist-img-wrap:hover .text-box .title {
        color: #c70448;
      }

      .innLcr.pc-row .horizontal .plist-img-wrap:hover {
        -webkit-transform: scale(1.04);
        -ms-transform: scale(1.04);
        transform: scale(1.04);
      }

      .innLcr.pc-row .horizontal .plist-img-wrap:hover .text-box .title {
        color: #c70448;
      }

      .innLcr .slider-content {
        margin: 0 0.2rem;
        overflow: visible;
      }

      .innLcr.pc-row .row-title {
        padding-left: 15px;
      }

      .innLcr.pc-row .slider-content {
        padding: 12px 4px 16px;
        margin: 0px 11px;
        overflow: hidden;
      }

      .innLcr.mobile-row .slider-content {
        padding: 20px;
      }

      .innLcr .row-title {
        font-size: 20px;
        padding-left: 15px;
        line-height: 20px;
      }

      .innLcr .arrow-left,
      .innLcr .arrow-right {
        width: 0.5rem;
        height: 0.5rem;
        margin-top: -0.25rem;
        padding: 0.14rem;
        top: calc(50% - 27px);
      }

      .innLcr .arrow-left svg,
      .innLcr .arrow-right svg {
        height: 0.22rem;
        width: 0.22rem;
      }

      .innLcr .arrow-left {
        left: -14px;
      }

      .innLcr .arrow-right {
        right: -14px;
      }
    }

    /*!sc*/
    @media screen and (min-width:768px) and (max-width:1023px) {
      .innLcr .slider-content {
        margin: 0 49px;
        padding: 16px 7px 16px;
      }

      .innLcr.mobile-row .slider-content {
        padding: 20px 56px 16px;
      }

      .innLcr.mobile-row .row-title {
        padding-left: 56px;
      }

      .innLcr .row-title {
        padding-left: 56px;
      }

      .innLcr .arrow-left,
      .innLcr .arrow-right {
        width: 40px;
        height: 40px;
        margin-top: -16px;
        padding: 11px;
        top: calc(50% - 37px);
      }

      .innLcr .arrow-left svg,
      .innLcr .arrow-right svg {
        height: 24px;
        width: 24px;
      }

      .innLcr.pc-row .poster-img-wrapper {
        margin-right: 16px;
      }
    }

    /*!sc*/
    @media screen and (max-width:767px) {
      .innLcr.pc-row .poster-img-wrapper {
        margin-right: 8px;
      }

      .innLcr .slider-content {
        padding: 8px 16px 25px 15px;
      }

      .innLcr.mobile-row .slider-content {
        padding: 8px 26px 16px 15px;
      }
    }

    /*!sc*/
    @media screen and (min-width:1024px) {
      .innLcr.mobile-row .slider-content {
        padding: 20px 60px 20px;
      }

      .innLcr .arrow-left {
        left: 12px;
      }

      .innLcr .arrow-right {
        right: 14px;
      }

      .innLcr.pc-row .poster-img-wrapper {
        margin-right: 16px;
      }
    }

    /*!sc*/
    @media screen and (min-width:1680px) {
      .innLcr .row-block {
        margin: 0 56px;
      }

      .innLcr .row-title {
        padding-left: 0;
        font-size: 28px;
        line-height: 32px;
      }

      .innLcr .slider-content {
        margin: 0 -13px;
        padding: 16px 13px 40px;
      }

      .innLcr .arrow-left {
        left: -54px;
      }

      .innLcr .arrow-left svg {
        width: 28px;
        height: 28px;
      }

      .innLcr .arrow-right {
        right: -44px;
      }

      .innLcr .arrow-right svg {
        width: 28px;
        height: 28px;
      }
    }

    /*!sc*/
    @media screen and (min-width:1920px) {
      .innLcr .row-block {
        margin: 0 auto;
      }
    }

    /*!sc*/
    data-styled.g104[id="style__ComingSoonBlockWrapper-sc-dqztzw-0"] {
      content: "innLcr,"
    }

    /*!sc*/
    .iXQRrf .mask_collection {
      display: none;
    }

    /*!sc*/
    .iXQRrf .mask-container {
      display: block;
      background: transparent;
    }

    /*!sc*/
    .iXQRrf .home-coming-wrapper .arrow-left,
    .iXQRrf .home-coming-wrapper .arrow-right {
      margin-top: 92px;
      top: 0;
      height: calc(100% - 160px);
      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-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      padding: 0 16px;
    }

    /*!sc*/
    .iXQRrf .home-coming-wrapper .text-box {
      height: 40px;
    }

    /*!sc*/
    .iXQRrf .mobile-row .arrow-left,
    .iXQRrf .mobile-row .arrow-right {
      display: none;
    }

    /*!sc*/
    @media screen and (min-width:1680px) {

      .iXQRrf .home-coming-wrapper .arrow-left,
      .iXQRrf .home-coming-wrapper .arrow-right {
        margin-top: 92px;
        height: calc(100% - 164px);
      }
    }

    /*!sc*/
    @media screen and (min-width:1280px) and (max-width:1679px) {

      .iXQRrf .home-coming-wrapper .arrow-left,
      .iXQRrf .home-coming-wrapper .arrow-right {
        margin-top: 92px;
        height: calc(100% - 160px);
      }
    }

    /*!sc*/
    @media screen and (min-width:1024px) and (max-width:1279px) {

      .iXQRrf .home-coming-wrapper .arrow-left,
      .iXQRrf .home-coming-wrapper .arrow-right {
        margin-top: 84px;
        height: calc(100% - 152px);
      }
    }

    /*!sc*/
    @media screen and (min-width:768px) and (max-width:1023px) {

      .iXQRrf .home-coming-wrapper .arrow-left,
      .iXQRrf .home-coming-wrapper .arrow-right {
        margin-top: 86px;
        height: calc(100% - 150px);
        padding: 0 11px;
      }
    }

    /*!sc*/
    @media screen and (max-width:767px) {

      .iXQRrf .home-coming-wrapper .arrow-left,
      .iXQRrf .home-coming-wrapper .arrow-right {
        margin-top: 46px;
        height: calc(100% - 104px);
        padding: 0 12px;
      }

      .iXQRrf .home-coming-wrapper .text-box {
        height: 32px;
      }
    }

    /*!sc*/
    data-styled.g105[id="style__ComingSoonContainer-sc-1nxcvxj-0"] {
      content: "iXQRrf,"
    }

    /*!sc*/
    @-webkit-keyframes bfhpCh {
      0% {
        background-position: 0px 0;
      }

      2% {
        background-position: 100px 0;
      }

      4% {
        background-position: 200px 0;
      }

      6% {
        background-position: 300px 0;
      }

      8% {
        background-position: 400px 0;
      }

      10% {
        background-position: 500px 0;
      }

      12% {
        background-position: 600px 0;
      }

      14% {
        background-position: 700px 0;
      }

      16% {
        background-position: 800px 0;
      }

      18% {
        background-position: 900px 0;
      }

      20% {
        background-position: 1000px 0;
      }

      22% {
        background-position: 1100px 0;
      }

      24% {
        background-position: 1200px 0;
      }

      26% {
        background-position: 1300px 0;
      }

      28% {
        background-position: 1400px 0;
      }

      30% {
        background-position: 1500px 0;
      }

      32% {
        background-position: 1600px 0;
      }

      34% {
        background-position: 1700px 0;
      }

      36% {
        background-position: 1800px 0;
      }

      38% {
        background-position: 1900px 0;
      }

      40% {
        background-position: 2000px 0;
      }

      42% {
        background-position: 2100px 0;
      }

      44% {
        background-position: 2200px 0;
      }

      46% {
        background-position: 2300px 0;
      }

      48% {
        background-position: 2400px 0;
      }

      50% {
        background-position: 2500px 0;
      }

      52% {
        background-position: 2600px 0;
      }

      54% {
        background-position: 2700px 0;
      }

      56% {
        background-position: 2800px 0;
      }

      58% {
        background-position: 2900px 0;
      }

      60% {
        background-position: 3000px 0;
      }

      62% {
        background-position: 3100px 0;
      }

      64% {
        background-position: 3200px 0;
      }

      66% {
        background-position: 3300px 0;
      }

      68% {
        background-position: 3400px 0;
      }

      70% {
        background-position: 3500px 0;
      }

      72% {
        background-position: 3600px 0;
      }

      74% {
        background-position: 3700px 0;
      }

      76% {
        background-position: 3800px 0;
      }

      78% {
        background-position: 3900px 0;
      }

      80% {
        background-position: 4000px 0;
      }

      82% {
        background-position: 4100px 0;
      }

      84% {
        background-position: 4200px 0;
      }

      86% {
        background-position: 4300px 0;
      }

      88% {
        background-position: 4400px 0;
      }

      90% {
        background-position: 4500px 0;
      }

      92% {
        background-position: 4600px 0;
      }

      94% {
        background-position: 4700px 0;
      }

      96% {
        background-position: 4800px 0;
      }

      98% {
        background-position: 4900px 0;
      }

      100% {
        background-position: 0 0;
      }
    }

    /*!sc*/
    @keyframes bfhpCh {
      0% {
        background-position: 0px 0;
      }

      2% {
        background-position: 100px 0;
      }

      4% {
        background-position: 200px 0;
      }

      6% {
        background-position: 300px 0;
      }

      8% {
        background-position: 400px 0;
      }

      10% {
        background-position: 500px 0;
      }

      12% {
        background-position: 600px 0;
      }

      14% {
        background-position: 700px 0;
      }

      16% {
        background-position: 800px 0;
      }

      18% {
        background-position: 900px 0;
      }

      20% {
        background-position: 1000px 0;
      }

      22% {
        background-position: 1100px 0;
      }

      24% {
        background-position: 1200px 0;
      }

      26% {
        background-position: 1300px 0;
      }

      28% {
        background-position: 1400px 0;
      }

      30% {
        background-position: 1500px 0;
      }

      32% {
        background-position: 1600px 0;
      }

      34% {
        background-position: 1700px 0;
      }

      36% {
        background-position: 1800px 0;
      }

      38% {
        background-position: 1900px 0;
      }

      40% {
        background-position: 2000px 0;
      }

      42% {
        background-position: 2100px 0;
      }

      44% {
        background-position: 2200px 0;
      }

      46% {
        background-position: 2300px 0;
      }

      48% {
        background-position: 2400px 0;
      }

      50% {
        background-position: 2500px 0;
      }

      52% {
        background-position: 2600px 0;
      }

      54% {
        background-position: 2700px 0;
      }

      56% {
        background-position: 2800px 0;
      }

      58% {
        background-position: 2900px 0;
      }

      60% {
        background-position: 3000px 0;
      }

      62% {
        background-position: 3100px 0;
      }

      64% {
        background-position: 3200px 0;
      }

      66% {
        background-position: 3300px 0;
      }

      68% {
        background-position: 3400px 0;
      }

      70% {
        background-position: 3500px 0;
      }

      72% {
        background-position: 3600px 0;
      }

      74% {
        background-position: 3700px 0;
      }

      76% {
        background-position: 3800px 0;
      }

      78% {
        background-position: 3900px 0;
      }

      80% {
        background-position: 4000px 0;
      }

      82% {
        background-position: 4100px 0;
      }

      84% {
        background-position: 4200px 0;
      }

      86% {
        background-position: 4300px 0;
      }

      88% {
        background-position: 4400px 0;
      }

      90% {
        background-position: 4500px 0;
      }

      92% {
        background-position: 4600px 0;
      }

      94% {
        background-position: 4700px 0;
      }

      96% {
        background-position: 4800px 0;
      }

      98% {
        background-position: 4900px 0;
      }

      100% {
        background-position: 0 0;
      }
    }

    /*!sc*/
    data-styled.g110[id="sc-keyframes-bfhpCh"] {
      content: "bfhpCh,"
    }

    .float-quin{float: left;}
 .quin-centerrow{margin-top: 16px;}