@charset "UTF-8";
/*
 * @Author: whj 
 * @Date: 2021-08-06 14:06:03 
 * @Last Modified by: whj
 * @Last Modified time: 2023-07-06 11:30:19
 */
* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: default;
}
a,
button {
  -webkit-tap-highlight-color: transparent;
  outline: none;
}
img {
  vertical-align: top;
}
mark {
  background-color: transparent;
}
ul,
li {
  list-style: none;
}
html {
  font-size: 100px;
}
@font-face {
  font-family: 'iconfont';
  /* Project id 2719783 */
  src: url("//at.alicdn.com/t/font_2719783_y8ayte8sed.woff2?t=1628499125153") format("woff2"), url("//at.alicdn.com/t/font_2719783_y8ayte8sed.woff?t=1628499125153") format("woff"), url("//at.alicdn.com/t/font_2719783_y8ayte8sed.ttf?t=1628499125153") format("truetype");
}
.iconfont, .d-close::before {
  font-family: "iconfont";
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.d-bg {
  position: fixed;
  z-index: 99;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.85);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.d-bar {
  position: relative;
  width: 4.36rem;
  margin-top: -.2rem;
  -webkit-animation: aniDialog 0.1s ease;
          animation: aniDialog 0.1s ease;
  background-color: #7a0d0d;
  border-radius: 0.1rem;
}
.d-hd {
  text-align: center;
  padding: 0.2rem 0;
}
.d-ft {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.2rem 0;
}
.d-close {
  position: absolute;
  z-index: 5;
  top: .02rem;
  right: .02rem;
  width: 0.4rem;
  height: 0.4rem;
  font-size: 0.4rem;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.d-close::before {
    content: "\E643";
}
.d-close:hover {
    -webkit-animation: aniRotateHalf .3s 1 ease-out;
            animation: aniRotateHalf .3s 1 ease-out;
}
.d-btn {
  width: 0.74rem;
  height: 0.4rem;
}
.area-bar {
  width: 5.8rem;
}
.area-item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 0.86rem;
  margin-bottom: 0.26rem;
  position: relative;
}
.area-bd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.area-item, .area-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 5rem;
  color: #f45e2a;
  background-color: #fffaed;
  border: .02rem solid #ecd2b4;
  border-radius: .1rem;
}
.area-label {
  width: 1.28rem;
  text-align: right;
  margin-right: 0.18rem;
}
.area-ipt {
  width: 3.5rem;
  height: 0.8rem;
  line-height: 0.8rem;
}
.area-side {
  position: relative;
}
.area-side::after {
    position: absolute;
    top: .2rem;
    right: .2rem;
    content: "";
    width: .4rem;
    height: .4rem;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.area-side.is-down::after {
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
}
.area-select {
  z-index: 2;
  position: absolute;
  left: -.02rem;
  top: 0.64rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0.16rem .2rem;
  border-top: 0;
  border-radius: 0 0 .1rem .1rem;
}
.area-option {
  width: 46%;
  text-align: center;
  padding: 0.1rem 0;
  margin: 0 2%;
  border-radius: .06rem;
}
.area-option:hover {
    color: #fff;
    background-color: #f86e4e;
}
.area-select, .area-option {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.area-tip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ffdb6f;
}
.area-tip::before {
    content: "";
    width: .18rem;
    height: .18rem;
    background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/ic-tip.png");
}
.d-msg {
  position: fixed;
  left: 50%;
  top: -100vh;
  z-index: 201;
  max-width: 7.2rem;
  padding: 0.1rem 0.2rem;
  border: 1px solid;
  border-radius: 0.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  word-break: break-all;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
}
.d-msg__icon {
    margin-right: 0.1rem;
}
.d-msg__success {
    color: #67c23a;
    background-color: #f0f9eb;
    border-color: #e1f3d8;
}
.d-msg__warning {
    color: #e6a23c;
    background-color: #fdf6ec;
    border-color: #faecd8;
}
.d-msg__error {
    color: #f56c6c;
    background-color: #fef0f0;
    border-color: #fde2e2;
}
.d-msg__ua {
    font-size: 24px;
    color: #f56c6c;
    background-color: rgba(0, 0, 0, 0.9);
    width: 100%;
    max-width: 100%;
    height: 100%;
    border-radius: 0;
    border: 0;
    top: 0 !important;
}
.d-msg__info {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.8);
}
#fn-loading {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 200;
  background-color: rgba(0, 0, 0, 0.75);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100vw;
  height: 100vh;
  color: #e28b69;
}
#fn-loading__pic {
    font-size: 0.36rem;
    -webkit-animation: aniRotate 1.5s linear infinite;
            animation: aniRotate 1.5s linear infinite;
}
.m-eq {
  display: inline-block;
  background: no-repeat 0 0;
  background-size: 100% 100%;
  width: 46px;
  height: 46px;
  position: relative;
}
.m-eq.is-lock::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("https://web-resource.17m3.com/cdn/m3-eq/ic-lock.png") no-repeat 0 0;
    background-size: 100% 100%;
}
.m-eq.is-num::after {
    position: absolute;
    content: attr(data-num);
    right: 1px;
    bottom: 1px;
    background-color: #111322;
    color: #d5d5d3;
    padding: 0 .02rem;
    font-size: 12px;
    line-height: 1;
    border: 0.01rem solid #a7966b;
}
.fn-tips {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 101;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
}
.fn-tips__desc {
    width: 375px;
    font-size: 12px;
    padding: 10px;
    background-color: rgba(31, 28, 26, 0.9);
    border: 1px solid #76582a;
    -webkit-box-shadow: 0 0 1px #3d301c inset;
            box-shadow: 0 0 1px #3d301c inset;
}
.preload-bar {
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(255, 255, 255, 0.9);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #2472bd;
  font-size: .32rem;
}
#fn-error {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 99;
  text-align: center;
  font-size: .48rem;
}
.slider-bar {
  position: relative;
  height: 2.87rem;
  width: 856px;
}
.slider-page {
  position: absolute;
  z-index: 5;
  width: 100%;
  left: 0;
  bottom: .2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.slider-page__prev, .slider-page__next {
    position: absolute;
    z-index: 6;
    top: 50%;
}
.slider-page__prev {
    left: 0;
}
.slider-page__next {
    right: 0;
}
@media screen and (max-width: 639px) {
html {
    font-size: 50px;
}
.m-eq {
    width: 0.68rem;
    height: 0.68rem;
}
.m-eq.is-num::after {
      font-size: .2rem;
}
.fn-tips {
    left: 0 !important;
    top: 0 !important;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.8);
}
.fn-tips__bd {
      width: 100%;
      max-width: 7.5rem;
}
.fn-tips__desc {
      font-size: 0.2rem;
      padding: 0.2rem;
      max-width: 7.5rem;
}
.fn-tips__pic {
      max-width: 100%;
      display: block;
      margin: 0 auto;
}
}
@-webkit-keyframes aniDialog {
0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
}
}
@keyframes aniDialog {
0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
}
}
@-webkit-keyframes aniRotate {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes aniRotate {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@-webkit-keyframes aniRotateHalf {
0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
}
100% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
}
}
@keyframes aniRotateHalf {
0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
}
100% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
}
}
@-webkit-keyframes fadeIn {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
@keyframes fadeIn {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
/*
 * @Author: whj 
 * @Date: 2021-06-24 15:03:46 
 * @Last Modified by: whj
 * @Last Modified time: 2023-07-07 15:37:02
 */
html {
  font-size: 100px;
}
.bg-none, .area-side::after, .area-tip::before, a,
button, .d-hd::after, .bag-eq, .ft-bar, .ft-side, .ft-alert__bd {
  background: no-repeat center center transparent;
  background-size: 100% 100%;
}
a,
button {
  border: 0;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  outline: none;
}
img {
  vertical-align: top;
}
.fc-mark,
mark {
  color: #ffe955;
}
@font-face {
  font-family: 'jinkai';
  src: url("https://web-resource.17m3.com/cdn/fonts/HYJinKaiJ.ttf");
}
.d-bar {
  width: 6.2rem;
}
.d-hd {
  font-family: 'jinkai';
  padding: .1rem 0 .14rem;
  font-size: .28rem;
  font-weight: bold;
  background: -webkit-gradient(linear, left top, left bottom, from(#fbfce4), to(#f4c770));
  background: linear-gradient(#fbfce4, #f4c770);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
}
.d-hd::after {
    content: "";
    width: 5.08rem;
    height: .07rem;
    background-image: url("https://web-resource.17m3.com/m-m3guo/202307/year/d-line.png");
    position: absolute;
    left: 50%;
    margin-left: -2.54rem;
    bottom: 0;
}
.d-bd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.d-btn {
  width: 2.62rem;
  height: .62rem;
  background-image: url("https://web-resource.17m3.com/m-m3guo/202307/year/btn-sure.png");
  color: transparent;
}
.d-pic {
  width: 5.57rem;
  height: 3.08rem;
  margin: .16rem 0;
}
.d-tip {
  width: 5.6rem;
}
.bag-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: .28rem 0 .35rem;
}
.bag-eq {
  width: .91rem;
  height: .91rem;
  background-image: url("https://web-resource.17m3.com/m-m3guo/202307/year/d-eq.png");
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 .12rem;
}
.ft-bar {
  width: 100%;
  min-width: 7.5rem;
  height: 4.15rem;
  background-image: url("https://web-resource.17m3.com/m-m3guo/202307/year/ft-bg.png");
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 1rem;
  position: absolute;
  bottom: 0;
  left: 0;
}
.ft-top {
  position: absolute;
  width: .33rem;
  height: .47rem;
  top: .14rem;
  left: 50%;
  margin-left: -.17rem;
  background-image: url("https://web-resource.17m3.com/m-m3guo/202307/year/ft-top.png");
  color: transparent;
}
.ft-item {
  width: 1.6rem;
  height: 1.78rem;
  margin: 0 .12rem;
  color: transparent;
}
.ft-item.is-wechat {
    background-image: url("https://web-resource.17m3.com/m-m3guo/202307/year/ft-wechat.png");
}
.ft-item.is-weibo {
    background-image: url("https://web-resource.17m3.com/m-m3guo/202307/year/ft-weibo.png");
}
.ft-item.is-shipin {
    background-image: url("https://web-resource.17m3.com/m-m3guo/202307/year/ft-shipin.png");
}
.ft-item.is-douyin {
    background-image: url("https://web-resource.17m3.com/m-m3guo/202307/year/ft-douyin.png");
}
.ft-side {
  width: 3.44rem;
  height: .69rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: .9rem;
  margin: 0 .1rem;
  color: #fed2a1;
  text-decoration: none;
}
.ft-side.is-qq {
    background-image: url("https://web-resource.17m3.com/m-m3guo/202307/year/ft-qq.png");
}
.ft-side.is-game {
    background-image: url("https://web-resource.17m3.com/m-m3guo/202307/year/ft-game.png");
}
.ft-alert {
  height: 5rem;
}
.ft-alert__bd {
    margin-top: .4rem;
    width: 3.25rem;
    height: 3.28rem;
    background-image: url("https://web-resource.17m3.com/m-m3guo/202307/year/code-bg.png");
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.ft-alert__pic {
    width: 2.88rem;
    height: 2.88rem;
}
.alert-bd {
  padding: .5rem .2rem;
}
@-webkit-keyframes aniMoveLeft {
0%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
}
60% {
    -webkit-transform: translateX(-0.2rem);
            transform: translateX(-0.2rem);
}
91% {
    opacity: 0;
    -webkit-transform: translateX(-0.2rem);
            transform: translateX(-0.2rem);
}
99% {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
}
}
@keyframes aniMoveLeft {
0%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
}
60% {
    -webkit-transform: translateX(-0.2rem);
            transform: translateX(-0.2rem);
}
91% {
    opacity: 0;
    -webkit-transform: translateX(-0.2rem);
            transform: translateX(-0.2rem);
}
99% {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
}
}
@-webkit-keyframes aniMoveRight {
0%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
}
60% {
    -webkit-transform: translateX(0.2rem);
            transform: translateX(0.2rem);
}
91% {
    opacity: 0;
    -webkit-transform: translateX(0.2rem);
            transform: translateX(0.2rem);
}
99% {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
}
}
@keyframes aniMoveRight {
0%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
}
60% {
    -webkit-transform: translateX(0.2rem);
            transform: translateX(0.2rem);
}
91% {
    opacity: 0;
    -webkit-transform: translateX(0.2rem);
            transform: translateX(0.2rem);
}
99% {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
}
}
@-webkit-keyframes aniMoveSummary {
0%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
}
60% {
    -webkit-transform: translateX(0.2rem);
            transform: translateX(0.2rem);
}
}
@keyframes aniMoveSummary {
0%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
}
60% {
    -webkit-transform: translateX(0.2rem);
            transform: translateX(0.2rem);
}
}
@-webkit-keyframes aniMoveSummaryMax {
0%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
}
60% {
    -webkit-transform: translateX(0.3rem);
            transform: translateX(0.3rem);
}
}
@keyframes aniMoveSummaryMax {
0%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
}
60% {
    -webkit-transform: translateX(0.3rem);
            transform: translateX(0.3rem);
}
}
@-webkit-keyframes aniRoundScale {
0% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
70% {
    opacity: .8;
    -webkit-filter: blur(5px);
            filter: blur(5px);
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
}
100% {
    opacity: 0;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
}
}
@keyframes aniRoundScale {
0% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
70% {
    opacity: .8;
    -webkit-filter: blur(5px);
            filter: blur(5px);
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
}
100% {
    opacity: 0;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
}
}
@-webkit-keyframes aniPlay {
0% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
}
}
@keyframes aniPlay {
0% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
}
}
/*
 * @Author: whj 
 * @Date: 2021-06-24 15:04:24 
 * @Last Modified by: whj
 * @Last Modified time: 2023-07-07 13:57:02
 */
html {
  font-size: 50px;
}
body {
  font: 0.24rem/1.6 '\5FAE\8F6F\96C5\9ED1';
  padding-top: 0 !important;
  background-color: #300e0d;
  color: #fff3e1;
}
.bg-no, .banner-bar, .container, .m-title, .activity-slider__border::before, .activity-slider__title, .activity-slider__label, .activity-nav__item::before, .award-item, .award-label, .live-bd::before, .live-tag__item, .live-bg, .room-title, .room-video::before, .room-btn::before, .room-btn::after, .belong-title, .belong-item::before {
  background: no-repeat 0 0;
  background-size: 100% 100%;
}
#app {
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  -webkit-transform-origin: left top;
          transform-origin: left top;
  -webkit-box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.5);
  overflow: hidden;
  position: relative;
}
.banner-bar {
  position: relative;
  z-index: 1;
  width: 7.5rem;
  height: 14.9rem;
  background-image: url("https://web-resource.17m3.com/m-m3guo/202307/year/banner-bg.jpg");
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
}
.container {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 52.11rem;
  background-image: url("https://web-resource.17m3.com/m-m3guo/202307/year/container-bg.jpg");
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.m-part {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 1.78rem;
  width: 7.5rem;
}
.m-title {
  position: absolute;
  left: 0;
  top: -1.34rem;
  width: 7.5rem;
  height: 4.34rem;
  color: transparent;
  pointer-events: none;
  position: absolute;
}
.activity-bar {
  height: 15.5rem;
  margin-top: -1.2rem;
}
.activity-title {
  background-image: url("https://web-resource.17m3.com/m-m3guo/202307/year/activity-title.png");
}
.activity-slider {
  width: 7.5rem;
  height: 9.25rem;
  position: relative;
}
.activity-slider__item {
    position: absolute;
    left: 0;
    top: 0;
    width: 7.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    z-index: 2;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
}
.activity-slider__item.is-prve, .activity-slider__item.is-next {
      opacity: 0;
      z-index: 1;
}
.activity-slider__item.is-prve {
      left: -100%;
}
.activity-slider__item.is-next {
      left: 100%;
}
.activity-slider__border {
    width: 7.1rem;
    height: 4.38rem;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: .38rem;
}
.activity-slider__border::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-image: url("https://web-resource.17m3.com/m-m3guo/202307/year/activity-border.png");
}
.activity-slider__pic {
    width: 6.85rem;
    height: 4.18rem;
}
.activity-slider__title {
    width: 5.46rem;
    height: .6rem;
    color: transparent;
    margin-bottom: .3rem;
}
.activity-slider__title.is-1 {
      background-image: url("https://web-resource.17m3.com/m-m3guo/202307/year/activity-1-title.png");
}
.activity-slider__title.is-2 {
      background-image: url("https://web-resource.17m3.com/m-m3guo/202307/year/activity-2-title.png");
}
.activity-slider__title.is-3 {
      background-image: url("https://web-resource.17m3.com/m-m3guo/202307/year/activity-3-title.png");
}
.activity-slider__desc {
    clear: both;
    width: 7.1rem;
    text-align: justify;
    margin-bottom: .18rem;
    line-height: .42rem;
}
.activity-slider__label {
    float: left;
    width: 1.73rem;
    height: .4rem;
    line-height: .4rem;
    font-family: 'jinkai';
    margin-right: .1rem;
    background-image: url("https://web-resource.17m3.com/m-m3guo/202307/year/activity-label.png");
    font-size: .26rem;
    font-family: 'jinkai';
    text-align: center;
}
.activity-slider__btn {
    width: 3.95rem;
    height: .97rem;
    background-image: url("https://web-resource.17m3.com/m-m3guo/202307/year/activity-btn.png");
    color: transparent;
}
.activity-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.activity-nav__item {
    width: 1.97rem;
    height: 1.97rem;
    margin: 0 .25rem;
    color: transparent;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
    position: relative;
}
.activity-nav__item.is-1 {
      background-image: url("https://web-resource.17m3.com/m-m3guo/202307/year/activity-nav-1.png");
}
.activity-nav__item.is-2 {
      background-image: url("https://web-resource.17m3.com/m-m3guo/202307/year/activity-nav-2.png");
}
.activity-nav__item.is-3 {
      background-image: url("https://web-resource.17m3.com/m-m3guo/202307/year/activity-nav-3.png");
}
.activity-nav__item::before {
      content: "";
      position: absolute;
      width: 2.17rem;
      height: 1.06rem;
      top: -.38rem;
      left: 50%;
      margin-left: -1.09rem;
      background-image: url("https://web-resource.17m3.com/m-m3guo/202307/year/activity-nav-hd.png");
      -webkit-transition: all .5s;
      transition: all .5s;
      opacity: 0;
      -webkit-transform: translateY(0.5rem);
              transform: translateY(0.5rem);
      pointer-events: none;
}
.activity-nav__item.is-crt::before {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0);
}
.activity-nav__item.is-crt.is-1 {
      background-image: url("https://web-resource.17m3.com/m-m3guo/202307/year/activity-nav-1-crt.png");
}
.activity-nav__item.is-crt.is-2 {
      background-image: url("https://web-resource.17m3.com/m-m3guo/202307/year/activity-nav-2-crt.png");
}
.activity-nav__item.is-crt.is-3 {
      background-image: url("https://web-resource.17m3.com/m-m3guo/202307/year/activity-nav-3-crt.png");
}
.activity-page__prev, .activity-page__next {
  position: absolute;
  z-index: 11;
  top: 6.4rem;
  width: .57rem;
  height: .48rem;
  color: transparent;
}
.activity-page__prev {
  left: .24rem;
  background-image: url("https://web-resource.17m3.com/m-m3guo/202307/year/activity-prev.png");
  -webkit-animation: aniMoveLeft infinite 1s linear;
          animation: aniMoveLeft infinite 1s linear;
}
.activity-page__next {
  right: .24rem;
  background-image: url("https://web-resource.17m3.com/m-m3guo/202307/year/activity-next.png");
  -webkit-animation: aniMoveRight infinite 1s linear;
          animation: aniMoveRight infinite 1s linear;
}
.award-bar {
  height: 13.6rem;
  margin-top: -.36rem;
}
.award-title {
  background-image: url("https://web-resource.17m3.com/m-m3guo/202307/year/award-title.png");
}
.award-list {
  width: 100%;
  position: relative;
}
.award-item {
  position: absolute;
  width: 2.07rem;
  height: 3.69rem;
}
.award-item__1 {
    left: .3rem;
    top: -.2rem;
    background-image: url("https://web-resource.17m3.com/m-m3guo/202307/year/award-1-pic.png");
}
.award-item__2 {
    left: 2.76rem;
    top: .2rem;
    background-image: url("https://web-resource.17m3.com/m-m3guo/202307/year/award-2-pic.png");
}
.award-item__3 {
    left: 5.22rem;
    top: .44rem;
    background-image: url("https://web-resource.17m3.com/m-m3guo/202307/year/award-3-pic.png");
}
.award-item__4 {
    left: 1.32rem;
    top: 5.12rem;
    background-image: url("https://web-resource.17m3.com/m-m3guo/202307/year/award-4-pic.png");
}
.award-item__5 {
    left: 4.2rem;
    top: 5.04rem;
    background-image: url("https://web-resource.17m3.com/m-m3guo/202307/year/award-5-pic.png");
}
.award-label {
  position: absolute;
  left: -.11rem;
  top: .78rem;
  width: .42rem;
  height: 1.77rem;
  color: transparent;
}
.award-label__1 {
    background-image: url("https://web-resource.17m3.com/m-m3guo/202307/year/award-1-label.png");
}
.award-label__2 {
    background-image: url("https://web-resource.17m3.com/m-m3guo/202307/year/award-2-label.png");
}
.award-label__3 {
    background-image: url("https://web-resource.17m3.com/m-m3guo/202307/year/award-3-label.png");
}
.award-label__4 {
    background-image: url("https://web-resource.17m3.com/m-m3guo/202307/year/award-4-label.png");
}
.award-label__5 {
    background-image: url("https://web-resource.17m3.com/m-m3guo/202307/year/award-5-label.png");
}
.award-btn {
  position: absolute;
  left: 0;
  bottom: -.84rem;
  width: 2.09rem;
  height: .64rem;
  background-image: url("https://web-resource.17m3.com/m-m3guo/202307/year/award-btn.png");
}
.live-bar {
  height: 20.2rem;
}
.live-title {
  background-image: url("https://web-resource.17m3.com/m-m3guo/202307/year/live-title.png");
}
.live-summary {
  width: 7.1rem;
}
.live-bd {
  width: 100%;
  position: relative;
  z-index: 8;
  padding-top: 4.9rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.live-bd::before {
    content: "";
    position: absolute;
    z-index: 5;
    left: -.08rem;
    top: 1.8rem;
    width: 2.57rem;
    height: 3.62rem;
    background-image: url("https://web-resource.17m3.com/m-m3guo/202307/year/liver-side.png");
}
.live-tag {
  position: absolute;
  pointer-events: none;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 2;
}
.live-tag__item {
    position: absolute;
    width: 2.15rem;
    height: .54rem;
    color: transparent;
}
.live-tag__1 {
    left: .2rem;
    top: 1.27rem;
    background-image: url("https://web-resource.17m3.com/m-m3guo/202307/year/live-label-1.png");
    -webkit-animation: aniMoveSummary infinite 5s linear;
            animation: aniMoveSummary infinite 5s linear;
}
.live-tag__2 {
    left: 2.4rem;
    top: .48rem;
    background-image: url("https://web-resource.17m3.com/m-m3guo/202307/year/live-label-2.png");
    -webkit-animation: aniMoveSummary infinite 3s linear;
            animation: aniMoveSummary infinite 3s linear;
    -webkit-animation-delay: 1s;
            animation-delay: 1s;
}
.live-tag__3 {
    left: 4.7rem;
    top: 1.1rem;
    background-image: url("https://web-resource.17m3.com/m-m3guo/202307/year/live-label-3.png");
    -webkit-animation: aniMoveSummaryMax infinite 4s linear;
            animation: aniMoveSummaryMax infinite 4s linear;
}
.live-tag__4 {
    left: 5.24rem;
    top: 2.5rem;
    background-image: url("https://web-resource.17m3.com/m-m3guo/202307/year/live-label-4.png");
    -webkit-animation: aniMoveSummary infinite 3s linear;
            animation: aniMoveSummary infinite 3s linear;
}
.live-tag__5 {
    left: 4.9rem;
    top: 4.05rem;
    background-image: url("https://web-resource.17m3.com/m-m3guo/202307/year/live-label-5.png");
    -webkit-animation: aniMoveSummaryMax infinite 5s linear;
            animation: aniMoveSummaryMax infinite 5s linear;
}
.live-code {
  position: absolute;
  width: 3.31rem;
  height: 3.31rem;
  left: 1.8rem;
  top: 1.4rem;
}
.live-digest {
  font-size: .3rem;
  color: #ffcb9c;
  margin-bottom: .46rem;
}
.live-order {
  width: 3.95rem;
  height: .97rem;
  background-image: url("https://web-resource.17m3.com/m-m3guo/202307/year/live-btn-order.png");
  color: transparent;
  margin-bottom: .5rem;
}
.live-bg {
  position: absolute;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0.6rem rgba(223, 94, 45, 0.25) inset;
          box-shadow: 0 0 0.6rem rgba(223, 94, 45, 0.25) inset;
  color: transparent;
}
.live-bg__1 {
    top: 2.6rem;
    left: .38rem;
    z-index: 1;
    width: 6.16rem;
    height: 6.16rem;
    -webkit-animation: aniRoundScale .5s infinite linear;
            animation: aniRoundScale .5s infinite linear;
    -webkit-animation-delay: 1s;
            animation-delay: 1s;
}
.live-bg__2 {
    top: 3.26rem;
    left: 1.1rem;
    z-index: 2;
    width: 4.74rem;
    height: 4.74rem;
    -webkit-animation: aniRoundScale 1s infinite linear;
            animation: aniRoundScale 1s infinite linear;
    -webkit-animation-delay: .5s;
            animation-delay: .5s;
}
.live-bg__3 {
    top: 3.72rem;
    left: 1.52rem;
    z-index: 3;
    width: 3.88rem;
    height: 3.88rem;
    -webkit-animation: aniRoundScale 1.5s infinite linear;
            animation: aniRoundScale 1.5s infinite linear;
}
.room-title {
  width: 4.86rem;
  height: .6rem;
  background-image: url("https://web-resource.17m3.com/m-m3guo/202307/year/room-title.png");
  color: transparent;
  margin-bottom: .26rem;
}
.room-summary {
  margin-bottom: .2rem;
}
.room-video {
  width: 7.1rem;
  height: 4.38rem;
  position: relative;
  background: url("https://web-resource.17m3.com/m-m3guo/202307/year/room-cover.png") no-repeat center center;
  background-size: 6.84rem 4.16rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: .38rem;
}
.room-video::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    z-index: 2;
    background-image: url("https://web-resource.17m3.com/m-m3guo/202307/year/room-cover-border.png");
}
.room-btn {
  position: absolute;
  width: 0.95rem;
  height: 0.95rem;
  top: 1.7rem;
  left: 3.08rem;
}
.room-btn::before, .room-btn::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.room-btn::before {
    z-index: 2;
    background-image: url("https://web-resource.17m3.com/m-m3guo/202307/year/room-play-inside.png");
}
.room-btn::after {
    z-index: 1;
    background-image: url("https://web-resource.17m3.com/m-m3guo/202307/year/room-play-outside.png");
    -webkit-animation: aniPlay infinite 1s linear;
            animation: aniPlay infinite 1s linear;
}
.room-iframe {
  width: 6.84rem;
  height: 4.16rem;
}
.belong-title {
  width: 4.46rem;
  height: .6rem;
  color: transparent;
  background-image: url("https://web-resource.17m3.com/m-m3guo/202307/year/belong-title.png");
  margin-bottom: .3rem;
}
.belong-bd {
  position: relative;
  width: 7.1rem;
  height: 1.34rem;
  overflow: hidden;
}
.belong-item {
  width: 2.2rem;
  height: 1.35rem;
  -webkit-transition: all .5s;
  transition: all .5s;
  position: absolute;
  padding-top: .04rem;
  padding-left: .06rem;
  z-index: 2;
}
.belong-item::before {
    content: "";
    width: 1.97rem;
    height: 1.35rem;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url("https://web-resource.17m3.com/m-m3guo/202307/year/belong-border.png");
    pointer-events: none;
}
.belong-pic {
  width: 1.85rem;
  height: 1.24rem;
}
.belong-pos__6, .belong-pos__7, .belong-pos__8 {
  display: none;
  z-index: 1;
}
.belong-pos__8 {
  left: 15.4rem;
}
.belong-pos__7 {
  left: 13.2rem;
}
.belong-pos__6 {
  left: 11rem;
}
.belong-pos__5 {
  left: 8.8rem;
}
.belong-pos__4 {
  left: 6.6rem;
}
.belong-pos__3 {
  left: 4.4rem;
}
.belong-pos__2 {
  left: 2.2rem;
}
.belong-pos__1 {
  left: 0rem;
}
.belong-pos__0 {
  left: -2.2rem;
}
@media screen and (min-width: 750px) {
html {
    font-size: 100px;
}
.m-eq {
    width: 0.7rem;
    height: 0.7rem;
}
}

.hd-fixed, .hd-logo, .hd-download, .hd-home, .hd-age {
  background: no-repeat 0 0;
  background-size: 100% 100%;
  color: transparent;
}
.hd-bar {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  height: 1rem;
}
.hd-fixed {
  position: fixed;
  z-index: 101;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  top: 0;
  width: 100%;
  min-width: 375px;
  max-width: 750px;
  height: 1rem;
  background-image: url("https://web-resource.17m3.com/m-m3guo/common/web-v1/hd-bg.jpg");
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 0.14rem;
}
.hd-logo {
  width: 2.31rem;
  height: 0.81rem;
  background-image: url("https://web-resource.17m3.com/m-m3guo/common/web-v1/hd-logo.png");
}
.hd-download, .hd-home {
  width: 1.72rem;
  height: 0.61rem;
  position: absolute;
  top: 0.2rem;
}
.hd-download {
  right: 2.12rem;
  background-image: url("https://web-resource.17m3.com/m-m3guo/common/web-v1/hd-download.png");
}
.hd-home {
  right: 0.2rem;
  background-image: url("https://web-resource.17m3.com/m-m3guo/common/web-v1/hd-enter.png");
}
.hd-age {
  position: absolute;
  right: 0.2rem;
  top: 1.16rem;
  width: 0.65rem;
  height: 0.84rem;
  background-image: url("https://web-resource.17m3.com/m-m3guo/common/web-v1/ic-age.png");
}

.slider-row {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 500px;
}
.slider-row__item {
    position: absolute;
    top: 50px;
}
.slider-row__item::before {
      position: absolute;
      z-index: 2;
      content: "";
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: #000;
      opacity: 0.5;
      -webkit-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
}
.slider-row__item.is-max {
      z-index: 3;
}
.slider-row__item.is-max::before {
        opacity: 0;
}
.slider-row__item.is-max .slider-row__pic {
        z-index: 3;
        width: 120%;
        margin-left: -10%;
        margin-top: -18px;
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
                box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
}
.slider-row__pic {
    width: 100%;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

html {
  font-size: 100px;
}
@media screen and (max-width: 751px) {
html {
    font-size: 50px;
}
}
.slider-circle {
  position: relative;
  width: 7.5rem;
  height: 4rem;
  margin: 0 auto;
  overflow: hidden;
  padding: 0.4rem 0;
}
.slider-circle__item {
    position: absolute;
    left: 50%;
    top: 0.4rem;
    width: 4.6rem;
    margin-left: -2.3rem;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    opacity: 0;
}
.slider-circle__item.is-crt, .slider-circle__item.is-next, .slider-circle__item.is-prev {
      opacity: 1;
}
.slider-circle__item.is-crt {
      -webkit-transform: scale(1);
              transform: scale(1);
}
.slider-circle__item.is-prev, .slider-circle__item.is-next {
      -webkit-transform: scale(0.8);
              transform: scale(0.8);
}
.slider-circle__item.is-prev {
      margin-left: -7rem;
}
.slider-circle__item.is-next {
      margin-left: 2.4rem;
}
.slider-circle__pic {
    width: 100%;
    pointer-events: none;
}
.slider-circle__preview {
    padding: 0.02rem;
    -webkit-box-shadow: 0 0 0.04rem rgba(255, 165, 0, 0.5);
            box-shadow: 0 0 0.04rem rgba(255, 165, 0, 0.5);
}
.slider-circle__name {
    font-size: 0.24rem;
    padding-top: 0.2rem;
    text-align: center;
}