@charset "UTF-8";
/*
 * @Author: whj 
 * @Date: 2021-08-06 14:06:03 
 * @Last Modified by: whj
 * @Last Modified time: 2022-08-31 16:15:47
 */
* {
  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 {
  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;
}
.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;
}
.d-btn {
  width: 0.74rem;
  height: 0.4rem;
}
.area-bar {
  width: 5.8rem;
}
.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 {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 0.86rem;
  margin-bottom: 0.26rem;
  position: relative;
}
.area-item, .area-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 5rem;
  background-color: #eee;
  border-radius: 0.16rem;
}
.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 {
    content: "\25BC";
    position: absolute;
    right: .2rem;
    top: 0;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
}
.area-side.is-down::after {
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
}
.area-select {
  z-index: 2;
  position: absolute;
  left: 0;
  top: 0.64rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0.16rem .2rem;
}
.area-option {
  width: 46%;
  text-align: center;
  padding: 0.1rem 0;
  margin: 0 2%;
  border-radius: .06rem;
}
.area-option:hover {
    background-color: rgba(0, 0, 0, 0.1);
}
.area-select, .area-option {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.area-tips {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #bc5316;
}
.area-tips__icon {
    margin-right: 0.1rem;
}
.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: 46px;
    height: 46px;
    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 2px;
    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;
    background-color: #1b1a18;
    padding: 10px;
    background-color: #1f1c1a;
    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(0, 0, 0, 0.8);
  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: #feca2c;
  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;
}
@media screen and (max-width: 639px) {
html {
    font-size: 50px;
}
.m-eq {
    width: 0.68rem;
    height: 0.68rem;
}
.m-eq.is-lock::before {
      width: 0.68rem;
      height: 0.68rem;
}
.m-eq.is-num::after {
      padding: 1px;
      font-size: 9px;
      line-height: 0.8;
}
.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);
}
}
/*
 * @Author: whj 
 * @Date: 2021-06-24 15:03:46 
 * @Last Modified by: whj
 * @Last Modified time: 2022-08-24 15:18:35
 */
html {
  font-size: 100px;
  background-color: #37274a;
}
body {
  color: #ffe5c7;
  background-color: #37274a;
}
.bg-none, a,
button, .d-bar, .d-hd, .area-side::after, .area-tip::before {
  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: #ffdb6f;
}
@font-face {
  font-family: 'jinkai';
  src: url("https://web-resource.17m3.com/m3guo/202209/preheat/HYJinKaiJ.ttf");
}
@font-face {
  font-family: 'hero';
  src: url("https://web-resource.17m3.com/m3guo/202209/preheat/HYDISHENGYINGXIONGTIJ.TTF");
}
.txt-linear, .banner-count__day__num, .banner-count__today__num {
  font: 24px/1.2 'jinkai';
  letter-spacing: 3px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c1a263), to(#c1a263), color-stop(0.8, #875e3c));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.d-bar {
  width: 6.06rem;
  min-height: 4.76rem;
  background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/dialog-bg.png");
  padding-top: .38rem;
  font-size: 16px;
  color: #f4cdb0;
}
.d-hd {
  width: 2.7rem;
  height: 0.46rem;
  text-indent: -999rem;
  margin: 0 auto .36rem;
}
.d-close {
  width: .6rem;
  height: .6rem;
  text-indent: -999rem;
}
.d-btn {
  width: 2.02rem;
  height: .53rem;
  background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/btn-sure.png");
  text-indent: -999rem;
}
.d-btn:hover {
    background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/btn-sure-hover.png");
}
.alert-bar {
  min-height: 3.5rem;
  background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/alert-bg.png");
}
.alert-bar .d-hd {
    width: 5.06rem;
    height: 0.62rem;
    background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/alert-title.png");
    margin-bottom: .1rem;
}
.alert-bar .d-bd {
    width: 100%;
    min-height: 1.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;
    padding: 0 .4rem;
    text-align: center;
}
.copy-bar .d-hd {
  background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/copy-title.png");
}
.copy-bar .d-btn {
  width: 2.82rem;
  height: .63rem;
  background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/btn-copy.png");
}
.copy-bar .d-btn:hover {
    background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/btn-copy-hover.png");
}
.rule-bar .d-hd {
  background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/rule-title.png");
}
.rule-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto .18rem;
  width: 5.1rem;
}
.rule-label {
  width: .24rem;
  height: 0.24rem;
  background-color: #cf9886;
  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;
  font-size: .16rem;
  color: #54171a;
  border-radius: .04rem;
  margin-top: .02rem;
}
.rule-desc {
  width: 4.7rem;
}
.area-bar .d-hd {
  background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/area-title.png");
  margin-bottom: .56rem;
}
.area-item {
  width: 4.35rem;
  height: .55rem;
  background-color: #721a20;
  border-radius: 0;
  border: .01rem solid #a93a45;
}
.area-side::after {
  top: .3rem;
  content: "";
  width: .2rem;
  height: .2rem;
  background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/ic-sel.png");
}
.area-select {
  top: .6rem;
  left: -.01rem;
  width: 4.35rem;
  border-radius: 0;
  background-color: #6e1b20;
  border: .01rem solid #912c34;
}
.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;
  margin-bottom: .2rem;
}
.area-tip::before {
    content: "";
    width: .18rem;
    height: .18rem;
    background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/ic-tip.png");
    margin-right: .1rem;
    margin-top: .04rem;
}
@media screen and (min-width: 320px) and (max-width: 750px) {
  /*
 * @Author: whj 
 * @Date: 2021-06-24 15:04:24 
 * @Last Modified by: whj
 * @Last Modified time: 2022-09-01 09:49:16
 */
html {
    font-size: 50px;
}
body {
    font: 0.24rem/1.6 '\5FAE\8F6F\96C5\9ED1';
    padding-top: 0 !important;
}
.m-eq {
    width: .68rem;
    height: .68rem;
}
#app {
    width: 100%;
    max-width: 750px;
    min-width: 375px;
    margin: 0 auto;
    overflow: hidden;
}
.bg-no, .banner-bar, .banner-logo, .banner-year, .banner-play, .banner-slogan, .banner-count, .user-bar, .container, .title, .nav-side, .nav-list, .nav-tip, .nav-item, .nav-item::before, .nav-item.is-8::after, .slider-preheat__title, .slider-preheat__xc, .slider-preheat__gsz, .slider-preheat__name, .slider-preheat__skill, .slider-preheat__gift::before, .slider-preheat__eq, .slider-share__eq {
    background: no-repeat center center;
    background-size: 100% 100%;
}
.banner-bar {
    height: 14.78rem;
    background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/app-banner-bg.jpg");
    position: relative;
}
.banner-logo, .banner-year, .banner-play {
    position: absolute;
    text-indent: -999rem;
}
.banner-logo {
    left: .36rem;
    top: .2rem;
    width: 1.47rem;
    height: 1.23rem;
    background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/logo.png");
}
.banner-year {
    left: 1.74rem;
    top: .18rem;
    width: 1.26rem;
    height: 1.22rem;
    background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/logo-2.png");
}
.banner-play {
    width: .95rem;
    height: .95rem;
    background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/btn-video.png");
    left: 50%;
    margin-left: -.47rem;
    top: 9.7rem;
}
.banner-slogan {
    position: absolute;
    left: 50%;
    top: 4.84rem;
    margin-left: -2.6rem;
    width: 5.77rem;
    height: 2.78rem;
    background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/app-slogan.png");
    text-indent: -999rem;
}
.banner-count {
    position: absolute;
    left: 50%;
    top: 7.48rem;
    margin-left: -1.9rem;
    width: 3.95rem;
    height: 2.41rem;
    background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/app-time-bg.png");
    color: #875e3c;
}
.banner-count__day {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      line-height: 1;
      padding-top: .44rem;
}
.banner-count__day__num {
        font-family: 'hero';
        font-size: 1.2rem;
}
.banner-count__day__unit {
        margin-bottom: .2rem;
        margin-left: .06rem;
}
.banner-count__today {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding-top: .72rem;
      margin-left: -.1rem;
      text-align: center;
}
.banner-count__today__item {
        position: relative;
        padding: 0 .06rem;
}
.banner-count__today__item::after {
          position: absolute;
          content: ":";
          left: -.06rem;
          top: .08rem;
}
.banner-count__today__item:first-child::after {
          display: none;
}
.banner-count__today__num {
        font-size: .48rem;
}
.banner-count__today__unit {
        font-size: .18rem;
}
.user-bar {
    width: 6.41rem;
    height: .63rem;
    background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/app-user-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;
    position: absolute;
    left: 50%;
    margin-left: -3.2rem;
    top: 12.7rem;
    color: #ffe586;
}
.user-link {
    color: #ffe586;
}
.user-link.is-logout {
      color: #a9a590;
}
.container {
    height: 25.22rem;
    background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/app-container.jpg");
    padding-top: 1.46rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
}
.title {
    width: 7.03rem;
    height: .96rem;
    background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/app-h1.png");
    text-indent: -999rem;
    margin-bottom: .38rem;
}
.title-next {
      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;
}
.title-rule {
      margin-top: .28rem;
      width: 1.95rem;
      height: .57rem;
      text-indent: -999rem;
      background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/app-btn-rule.png");
}
.nav-bar {
    position: relative;
    width: 100%;
    height: 5.54rem;
    margin-top: 1.18rem;
}
.nav-side {
    position: absolute;
    top: -.86rem;
    left: 50%;
    margin-left: -3rem;
    width: 5.99rem;
    height: .62rem;
    background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/app-tip-total.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;
    line-height: 1;
}
.nav-side__ft {
      margin-left: .1rem;
      color: #feca2c;
      font-size: .32rem;
}
.nav-list {
    position: absolute;
    left: 50%;
    margin-left: -4.09rem;
    width: 8.18rem;
    height: 3.26rem;
    background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/app-nav-bg.png");
}
.nav-tip {
    position: absolute;
    left: 50%;
    top: -1.62rem;
    margin-left: -.54rem;
    width: 1.08rem;
    height: .5rem;
    text-indent: -999rem;
    display: none;
}
.nav-tip.is-next {
      background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/app-tip-next.png");
}
.nav-tip.is-crt {
      background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/app-tip-crt.png");
}
.nav-item {
    position: absolute;
    left: 50%;
    width: 1.26rem;
    height: 1.74rem;
    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;
    line-height: 1;
    color: #fff4c3;
    background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/app-nav-item.png");
}
.nav-item.is-crt {
      color: #ffe984;
      background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/app-nav-item-crt.png");
}
.nav-item::after {
      position: absolute;
      content: "";
      top: -.36rem;
      left: 50%;
      margin-left: -.02rem;
      width: .04rem;
      height: .3rem;
      background: url("https://web-resource.17m3.com/m3guo/202209/preheat/app-nav-item-point.png") repeat center top;
      background-size: .04rem .3rem;
}
.nav-item::before {
      position: absolute;
      content: "";
      left: .51rem;
      width: .6rem;
      height: .43rem;
      background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/app-nav-status-2-1.png");
}
.nav-item.is-1 {
      margin-left: -3.6rem;
      top: 1.16rem;
}
.nav-item.is-1::before {
        top: -.82rem;
        width: .45rem;
        height: .26rem;
        background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/app-nav-status-1-1.png");
}
.nav-item.is-1.is-wait::before {
        top: -.84rem;
        left: .55rem;
        width: .33rem;
        height: .41rem;
        background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/app-nav-status-1-2.png");
}
.nav-item.is-1 .nav-tip {
        top: -1.5rem;
}
.nav-item.is-2 {
      margin-left: -2.84rem;
      top: 3.2rem;
}
.nav-item.is-2::after {
        height: 2rem;
        top: -2rem;
}
.nav-item.is-2::before {
        top: -2.32rem;
}
.nav-item.is-2.is-wait::before {
        top: -2.44rem;
        left: .6rem;
        width: .41rem;
        height: .46rem;
        background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/app-nav-status-2-2.png");
}
.nav-item.is-2 .nav-tip {
        top: -3rem;
}
.nav-item.is-3 {
      margin-left: -2.1rem;
      top: 2.06rem;
}
.nav-item.is-3::before {
        top: -.72rem;
}
.nav-item.is-3.is-wait::before {
        top: -.58rem;
        left: .55rem;
        width: .51rem;
        height: .32rem;
        background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/app-nav-status-3-2.png");
}
.nav-item.is-3 .nav-tip {
        top: -1.2rem;
}
.nav-item.is-4 {
      margin-left: -1.34rem;
      top: 3.56rem;
}
.nav-item.is-4::after {
        height: 2rem;
        top: -2.06rem;
}
.nav-item.is-4::before {
        top: -2.38rem;
}
.nav-item.is-4.is-wait::before {
        width: .37rem;
        height: .27rem;
        background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/app-nav-status-4-2.png");
}
.nav-item.is-4 .nav-tip {
        top: -3rem;
}
.nav-item.is-5 {
      margin-left: -.6rem;
      top: 1.72rem;
}
.nav-item.is-5::after {
        height: .44rem;
        top: -.5rem;
}
.nav-item.is-5::before {
        top: -.78rem;
}
.nav-item.is-5.is-wait::before {
        width: .28rem;
        height: .36rem;
        background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/app-nav-status-5-2.png");
}
.nav-item.is-5 .nav-tip {
        top: -1.4rem;
}
.nav-item.is-6 {
      margin-left: .2rem;
      top: 3.28rem;
}
.nav-item.is-6::after {
        height: 1.8rem;
        top: -1.86rem;
}
.nav-item.is-6::before {
        top: -2.14rem;
}
.nav-item.is-6.is-wait::before {
        width: .35rem;
        height: .29rem;
        background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/app-nav-status-6-2.png");
}
.nav-item.is-6 .nav-tip {
        top: -2.7rem;
}
.nav-item.is-7 {
      margin-left: .94rem;
      top: 1.98rem;
}
.nav-item.is-7::after {
        height: .42rem;
        top: -.46rem;
}
.nav-item.is-7::before {
        top: -.74rem;
}
.nav-item.is-7.is-wait::before {
        top: -.72rem;
        left: .58rem;
        width: .27rem;
        height: .28rem;
        background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/app-nav-status-7-2.png");
}
.nav-item.is-7 .nav-tip {
        top: -1.3rem;
}
.nav-item.is-open::before {
      left: .2rem;
      width: 0.75rem;
      height: .63rem;
      background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/app-nav-status-end.png");
}
.nav-item.is-8 {
      margin-left: 2.28rem;
      top: 1.26rem;
}
.nav-item.is-8::after {
        margin-left: -.36rem;
        top: -.89rem;
        width: .72rem;
        height: .89rem;
        background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/app-nav-light.png");
}
.nav-item.is-8::before {
        display: none;
}
.nav-item.is-8 .nav-tip {
        top: -1.5rem;
}
.nav-item.is-wait .is-crt {
      display: block;
}
.nav-item.is-wait + .nav-item .is-next,
    .nav-item.is-open + .nav-item .is-next {
      display: block;
}
.nav-item.is-open .nav-tip {
      display: none !important;
}
.nav-label {
    font-size: .2rem;
    width: 1rem;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    padding-top: .2rem;
    font-weight: bold;
    margin-bottom: .06rem;
}
.nav-date {
    font-size: .18rem;
}
.nav-btn {
    position: absolute;
    top: 1.88rem;
    left: 50%;
    margin-left: -.65rem;
    text-indent: -999rem;
    width: 1.3rem;
    height: 1.3rem;
    background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/app-btn-gift.png");
}
.nav-btn.is-gray {
      background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/app-btn-gift-gray.png");
}
.slider-bar {
    width: 7.1rem;
    position: relative;
}
.slider-btn {
    position: absolute;
    top: 3.5rem;
    width: .71rem;
    height: .71rem;
    text-indent: -999rem;
    opacity: 1;
}
.slider-btn.is-prev {
      left: 0;
      background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/app-prev.png");
}
.slider-btn.is-next {
      right: 0;
      background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/app-next.png");
}
.slider-bd {
    position: relative;
    height: 11.4rem;
}
.slider-item {
    position: absolute;
    left: 200%;
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
    width: 100%;
}
.slider-item.is-crt {
      left: 0;
}
.slider-item.is-prev {
      left: -200%;
}
.slider-preheat {
    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;
}
.slider-preheat__title {
      width: 5.8rem;
      height: .59rem;
      text-indent: -999rem;
      background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/preheat-title.png");
      margin-bottom: .55rem;
}
.slider-preheat__bd {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      margin-bottom: 1.2rem;
}
.slider-preheat__xc, .slider-preheat__gsz {
      width: 3.06rem;
      height: 4.91rem;
      position: relative;
      margin: 0 .1rem;
}
.slider-preheat__xc {
      background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/app-xc-person.png");
}
.slider-preheat__gsz {
      background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/app-gsz-person.png");
}
.slider-preheat__name {
      position: absolute;
      width: 1.2rem;
      text-indent: -999rem;
      top: -.3rem;
}
.slider-preheat__name.is-xc {
        left: -.36rem;
        height: 2.66rem;
        background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/app-xc-name.png");
}
.slider-preheat__name.is-gsz {
        right: -.36rem;
        height: 2.96rem;
        background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/app-gsz-name.png");
}
.slider-preheat__skill {
      position: absolute;
      width: 1.01rem;
      height: 1.58rem;
      background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/app-skill-bg.png");
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding-top: .12rem;
}
.slider-preheat__skill.is-xc {
        top: 2.43rem;
        left: -.42rem;
}
.slider-preheat__skill.is-gsz {
        top: 2.75rem;
        right: -.42rem;
}
.slider-preheat__box {
      width: .74rem;
      height: .74rem;
      background-color: #ecb040;
      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;
}
.slider-preheat__pic {
      width: .68rem;
      height: .68rem;
}
.slider-preheat__plus {
      color: #774639;
      font-size: .2rem;
}
.slider-preheat__desc {
      position: absolute;
      left: 0;
      bottom: -.9rem;
}
.slider-preheat__gift {
      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;
      position: relative;
      width: 100%;
      padding-left: 1.1rem;
      height: 2.4rem;
      overflow: hidden;
      margin-bottom: .8rem;
}
.slider-preheat__gift::before {
        position: absolute;
        left: .2rem;
        top: 50%;
        margin-top: -.85rem;
        content: "";
        width: .66rem;
        height: 1.7rem;
        background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/gift-title.png");
}
.slider-preheat__gift.is-other {
        padding: 1.28rem 0 0;
        width: 6.7rem;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin: 0 auto;
}
.slider-preheat__gift.is-other::before {
          top: .45rem;
          margin-top: 0;
          left: 50%;
          margin-left: -1.74rem;
          width: 3.48rem;
          height: .46rem;
          background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/app-gift-title.png");
}
.slider-preheat__gift.is-other .slider-preheat__eq {
          margin: 0;
}
.slider-preheat__eq {
      width: 1.1rem;
      height: 1.1rem;
      background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/app-gift-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 .2rem .2rem;
}
.slider-ad {
    width: 7.1rem;
    height: 6.5rem;
}
.slider-ft {
    position: absolute;
    left: 0;
    top: 10.6rem;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.slider-link, .slider-share {
    width: 2.83rem;
    height: .8rem;
    text-indent: -999rem;
    margin: 0 .31rem;
}
.slider-link {
    background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/app-btn-more.png");
}
.slider-share {
    position: relative;
    background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/app-btn-share.png");
}
.slider-share__eq {
      position: absolute;
      left: .16rem;
      top: -.04rem;
      width: 1.02rem;
      height: 1.56rem;
      background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/app-share-eq.png");
      text-indent: 0;
      padding-top: .09rem;
}
.skill-bar {
    text-align: left;
    padding: 0 .1rem .4rem;
}
.skill-title {
    font-family: 'jinkai';
    color: #ffe589;
}
.skill-desc {
    margin: .1rem 0 .2rem;
    font-size: .2rem;
}
.skill-gif {
    width: 5rem;
    height: 3rem;
}
.video-bar {
    width: 7rem;
    padding: .2rem 0;
}
.video-bar .d-bd {
      padding: 0;
}
.video-bar .d-close {
      display: none;
}
.video-iframe {
    width: 6.6rem;
    height: 3.71rem;
}
.d-bar {
    font-size: .24rem;
}
.d-btn {
    width: 2.22rem;
    height: 0.63rem;
    background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/app-btn-sure.png");
}
.alert-bar {
    min-height: 3.86rem;
    background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/app-alert-bg.png");
}
.alert-bar .d-bd {
      min-height: 1.5rem;
}
.copy-bar {
    min-height: 4.26rem;
    background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/app-copy-bg.png");
}
.copy-bar .d-bd {
      min-height: 1.9rem;
}
.area-bar {
    min-height: 5.26rem;
    background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/app-area-bg.png");
}
.area-item {
    height: .76rem;
}
.area-label {
    width: 2rem;
}
.area-ipt {
    width: 3.5rem;
}
.area-select {
    top: .78rem;
}
.rule-bar {
    min-height: 6.96rem;
    background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/app-rule-bg.png");
}
.rule-item {
    width: 5.2rem;
}
.rule-label {
    width: 0.36rem;
    height: 0.36rem;
    font-size: .22rem;
}
}
@media screen and (min-width: 751px) {
  /*
 * @Author: whj 
 * @Date: 2021-06-24 15:04:20 
 * @Last Modified by: whj
 * @Last Modified time: 2022-08-31 15:38:31
 */
.topBar,
  #M3-footer {
    display: block;
}
body {
    font: 14px/1.6 '\5FAE\8F6F\96C5\9ED1';
    width: 100%;
    max-width: 1920px;
    min-width: 1200px;
    margin: 0 auto;
}
.banner-bar {
    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: 380px;
    height: 850px;
    background: url("https://web-resource.17m3.com/m3guo/202209/preheat/banner-bg.jpg") no-repeat center top;
    overflow: hidden;
}
.banner-bar::before {
      position: absolute;
      content: "";
      z-index: 2;
      bottom: 0;
      left: 50%;
      margin-left: -960px;
      width: 1920px;
      height: 331px;
      background: url("https://web-resource.17m3.com/m3guo/202209/preheat/banner-before.png") no-repeat center bottom;
}
.banner-video {
    position: absolute;
    z-index: 1;
    width: 1920px;
    height: 850px;
    top: 0;
    left: 50%;
    margin-left: -960px;
}
.banner-logo, .banner-year, .banner-enter, .banner-download, .banner-count, .banner-play {
    z-index: 3;
}
.banner-logo, .banner-year {
    position: absolute;
    text-indent: -9999px;
    background: no-repeat 0 0;
}
.banner-logo {
    top: 36px;
    left: 64px;
    width: 147px;
    height: 126px;
    background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/logo.png");
}
.banner-year {
    top: 34px;
    left: 208px;
    width: 126px;
    height: 122px;
    background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/logo-2.png");
}
.banner-play {
    position: absolute;
    left: 50%;
    top: 256px;
    margin-left: 300px;
    width: 95px;
    height: 95px;
    background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/btn-video.png");
}
.banner-play:hover {
      background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/btn-video-hover.png");
}
.banner-enter, .banner-download {
    position: absolute;
    top: 18px;
    width: 163px;
    height: 29px;
    background: no-repeat 0 0;
    text-indent: -9999px;
}
.banner-enter {
    right: 202px;
    background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/brn-enter.png");
}
.banner-download {
    right: 17px;
    background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/brn-download.png");
}
.banner-count {
    margin-bottom: 140px;
    width: 395px;
    height: 241px;
    background: url("https://web-resource.17m3.com/m3guo/202209/preheat/time-bg.png") no-repeat 0 0;
    color: #875e3c;
}
.banner-count__day {
      padding-top: 46px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
}
.banner-count__day__num {
        font-family: 'hero';
        font-size: 130px;
        line-height: 1;
}
.banner-count__day__unit {
        font-size: 30px;
        margin-left: 8px;
        margin-bottom: 10px;
}
.banner-count__today {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding-top: 84px;
      padding-right: 20px;
}
.banner-count__today__item {
        text-align: center;
        position: relative;
        margin: 0 10px;
}
.banner-count__today__item:not(:first-child)::before {
          position: absolute;
          left: -15px;
          top: 3px;
          content: ":";
          font-family: 'jinkai';
          font-size: 28px;
          font-weight: bold;
}
.banner-count__today__num {
        font-size: 48px;
        font-family: 'jinkai';
        line-height: 1;
}
.user-bar {
    z-index: 4;
    font-size: 18px;
    width: 641px;
    height: 43px;
    background: url("https://web-resource.17m3.com/m3guo/202209/preheat/user-bg.png") no-repeat 0 0;
    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: #ffe586;
}
.user-link {
    font-size: 18px;
    color: #ffe586;
}
.user-link.is-logout {
      color: #a9a590;
}
.container {
    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;
    overflow: hidden;
    height: 2101px;
    padding-top: 108px;
    background: url("https://web-resource.17m3.com/m3guo/202209/preheat/container-bg.jpg") no-repeat center top;
}
.title {
    width: 703px;
    height: 120px;
    text-indent: -9999px;
    background: url("https://web-resource.17m3.com/m3guo/202209/preheat/h1.png") no-repeat 0 0;
    margin-bottom: 22px;
}
.title-next {
      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: 3;
}
.title-rule {
      text-indent: -9999px;
      margin-left: 15px;
      width: 109px;
      height: 31px;
      background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/btn-rule.png");
}
.nav-bar {
    position: absolute;
    z-index: 1;
    top: 188px;
    left: 50%;
    margin-left: -960px;
    width: 1920px;
    height: 599px;
    background: url("https://web-resource.17m3.com/m3guo/202209/preheat/nav-bg.png") no-repeat 0 0;
}
.nav-list {
    position: relative;
    width: 100%;
    height: 100%;
}
.nav-item {
    position: absolute;
    left: 50%;
    width: 126px;
    height: 234px;
    background: url("https://web-resource.17m3.com/m3guo/202209/preheat/nav-item.png") no-repeat 0 0;
    padding-top: 20px;
    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;
    color: #fff4c3;
}
.nav-item.is-crt {
      background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/nav-item-crt.png");
}
.nav-item::after {
      position: absolute;
      content: "";
      top: -30px;
      left: 50%;
      margin-left: -2px;
      width: 4px;
      height: 24px;
      background: url("https://web-resource.17m3.com/m3guo/202209/preheat/nav-item-point.png") no-repeat 0 0;
}
.nav-item::before {
      position: absolute;
      content: "";
      background: no-repeat 0 0;
}
.nav-item.is-1 {
      top: 321px;
      margin-left: -586px;
}
.nav-item.is-1::before {
        width: 66px;
        height: 27px;
        background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/nav-status-1-1.png");
        top: -80px;
        left: 48px;
}
.nav-item.is-1.is-wait::before {
        width: 59px;
        height: 42px;
        background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/nav-status-1-2.png");
        top: -88px;
        left: 40px;
}
.nav-item.is-1.is-open::before {
        left: 14px;
        top: -87px;
}
.nav-item.is-2 {
      top: 359px;
      margin-left: -447px;
}
.nav-item.is-2::before {
        width: 39px;
        height: 44px;
        background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/nav-status-2-1.png");
        top: -86px;
        left: 48px;
}
.nav-item.is-2.is-wait::before {
        width: 27px;
        height: 45px;
        background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/nav-status-2-2.png");
        top: -84px;
        left: 48px;
}
.nav-item.is-2.is-open::before {
        left: 19px;
        top: -90px;
}
.nav-item.is-2 .nav-tip {
        top: -124px;
}
.nav-item.is-3 {
      top: 372px;
      margin-left: -308px;
}
.nav-item.is-3::before {
        width: 68px;
        height: 21px;
        background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/nav-status-3-1.png");
        top: -67px;
        left: 56px;
}
.nav-item.is-3.is-wait::before {
        width: 50px;
        height: 31px;
        background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/nav-status-3-2.png");
        top: -70px;
        left: 46px;
}
.nav-item.is-3.is-open::before {
        left: 16px;
        top: -97px;
}
.nav-item.is-3 .nav-tip {
        top: -117px;
}
.nav-item.is-4 {
      top: 286px;
      margin-left: -168px;
}
.nav-item.is-4::before {
        width: 60px;
        height: 43px;
        background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/nav-status-4-1.png");
        top: -80px;
        left: 48px;
}
.nav-item.is-4.is-wait::before {
        width: 35px;
        height: 46px;
        background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/nav-status-4-2.png");
        top: -90px;
        left: 51px;
}
.nav-item.is-4.is-open::before {
        left: 20px;
        top: -88px;
}
.nav-item.is-4 .nav-tip {
        top: -117px;
}
.nav-item.is-5 {
      top: 293px;
      margin-left: -28px;
}
.nav-item.is-5::before {
        width: 25px;
        height: 24px;
        background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/nav-status-5-1.png");
        top: -70px;
        left: 48px;
}
.nav-item.is-5.is-wait::before {
        width: 34px;
        height: 46px;
        background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/nav-status-5-2.png");
        top: -87px;
        left: 45px;
}
.nav-item.is-5.is-open::before {
        left: 20px;
        top: -88px;
}
.nav-item.is-5 .nav-tip {
        top: -124px;
}
.nav-item.is-6 {
      top: 336px;
      margin-left: 112px;
}
.nav-item.is-6::before {
        width: 65px;
        height: 24px;
        background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/nav-status-6-1.png");
        top: -73px;
        left: 59px;
}
.nav-item.is-6.is-wait::before {
        width: 22px;
        height: 27px;
        background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/nav-status-6-2.png");
        top: -76px;
        left: 59px;
}
.nav-item.is-6.is-open::before {
        left: 19px;
        top: -87px;
}
.nav-item.is-6 .nav-tip {
        top: -113px;
}
.nav-item.is-7 {
      top: 352px;
      margin-left: 252px;
}
.nav-item.is-7::before {
        width: 36px;
        height: 16px;
        background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/nav-status-7-1.png");
        top: -61px;
        left: 54px;
}
.nav-item.is-7.is-wait::before {
        width: 41px;
        height: 24px;
        background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/nav-status-7-2.png");
        top: -68px;
        left: 51px;
}
.nav-item.is-7.is-open::before {
        left: 19px;
        top: -89px;
}
.nav-item.is-7 .nav-tip {
        top: -113px;
}
.nav-item.is-open::before {
      width: 75px;
      height: 63px;
      background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/nav-status-end.png");
}
.nav-item.is-8 {
      top: 262px;
      margin-left: 390px;
}
.nav-item.is-8::after {
        width: 83px;
        height: 106px;
        background: url("https://web-resource.17m3.com/m3guo/202209/preheat/nav-light.png") no-repeat 0 0;
        margin-left: -43px;
        top: -106px;
}
.nav-item.is-8::before {
        display: none;
}
.nav-item.is-8 .nav-tip {
        top: -150px;
}
.nav-item.is-wait .is-crt {
      display: block;
}
.nav-item.is-wait + .nav-item .is-next,
    .nav-item.is-open + .nav-item .is-next {
      display: block;
}
.nav-item.is-open .nav-tip {
      display: none !important;
}
.nav-date {
    font-size: 12px;
    margin-bottom: 15px;
}
.nav-eq {
    width: 52px;
    height: 52px;
    background: url("https://web-resource.17m3.com/m3guo/202209/preheat/nav-eq.png") no-repeat 0 0;
    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;
}
.nav-btn {
    text-indent: -9999px;
    width: 139px;
    height: 66px;
    background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/btn-gift-default.png");
    position: absolute;
    left: 50%;
    margin-left: -70px;
    bottom: -78px;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.nav-btn:hover {
      background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/btn-gift-hover.png");
}
.nav-btn.is-gray, .nav-btn.is-gray:hover {
      cursor: default;
      background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/btn-gift-gray.png");
}
.nav-side {
    position: absolute;
    left: 50%;
    top: 190px;
    margin-left: 500px;
    width: 95px;
    height: 67px;
    background: url("https://web-resource.17m3.com/m3guo/202209/preheat/tip-total.png") no-repeat 0 0;
    color: #f2cdb8;
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    line-height: 1.4;
    padding-bottom: 10px;
}
.nav-side__ft {
      color: #feca2c;
}
.nav-tip {
    position: absolute;
    top: -136px;
    left: 50%;
    margin-left: -44px;
    width: 87px;
    height: 41px;
    background: no-repeat 0 0;
    text-indent: -9999px;
    display: none;
}
.nav-tip.is-crt {
      background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/tip-crt.png");
}
.nav-tip.is-next {
      background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/tip-next.png");
}
.slider-bar {
    position: relative;
    width: 1200px;
    margin-top: 532px;
}
.slider-btn {
    position: absolute;
    top: 50%;
    width: 71px;
    height: 71px;
    margin-top: -90px;
    text-indent: -9999px;
    background: no-repeat 0 0;
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
}
.slider-btn.is-prev {
      left: -130px;
      background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/prev-default.png");
}
.slider-btn.is-prev:hover {
        background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/prev-hover.png");
}
.slider-btn.is-next {
      right: -130px;
      background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/next-default.png");
}
.slider-btn.is-next:hover {
        background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/next-hover.png");
}
.slider-bd {
    position: relative;
    width: 100%;
    height: 805px;
}
.slider-item {
    position: absolute;
    width: 100%;
    left: 200%;
    top: 0;
    -webkit-transition: .5s ease-out;
    transition: .5s ease-out;
    height: 805px;
}
.slider-item.is-crt {
      left: 0;
}
.slider-item.is-prev {
      left: -200%;
}
.slider-ad {
    width: 1140px;
    height: 650px;
}
.slider-ft {
    position: absolute;
    left: 0;
    bottom: -150px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.slider-link, .slider-share {
    height: 70px;
    width: 283px;
    text-align: center;
    margin: 0 100px;
    text-indent: -9999px;
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
}
.slider-link {
    background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/btn-more.png");
}
.slider-link:hover {
      background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/btn-more-hover.png");
}
.slider-share {
    background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/btn-share.png");
}
.slider-share:hover {
      background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/btn-share-hover.png");
}
.slider-preheat {
    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;
}
.slider-preheat__title {
      width: 580px;
      height: 59px;
      background: url("https://web-resource.17m3.com/m3guo/202209/preheat/preheat-title.png") no-repeat 0 0;
      text-indent: -9999px;
      margin-bottom: 96px;
}
.slider-preheat__bd {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
}
.slider-preheat__xc, .slider-preheat__gsz {
      width: 526px;
      height: 491px;
      background: no-repeat 0 0;
      position: relative;
      margin: 0 34px;
}
.slider-preheat__xc {
      background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/xc-person.png");
}
.slider-preheat__gsz {
      background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/gsz-person.png");
}
.slider-preheat__desc {
      position: absolute;
      width: 100%;
      left: 0;
      top: -40px;
      text-align: center;
}
.slider-preheat__name {
      position: absolute;
      top: -50px;
      width: 120px;
      background: no-repeat 0 0;
      text-indent: -9999px;
}
.slider-preheat__name.is-xc {
        left: -40px;
        height: 296px;
        background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/xc-name.png");
}
.slider-preheat__name.is-gsz {
        right: -40px;
        height: 336px;
        background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/gsz-name.png");
}
.slider-preheat__skill {
      position: absolute;
      width: 83px;
      height: 158px;
      background: url("https://web-resource.17m3.com/m3guo/202209/preheat/skill-bg.png") no-repeat 0 0;
      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;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
}
.slider-preheat__skill.is-xc {
        top: 252px;
        left: -35px;
}
.slider-preheat__skill.is-gsz {
        top: 294px;
        right: -35px;
}
.slider-preheat__box {
      width: 56px;
      height: 56px;
      background-color: #dd5d27;
      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: 6px;
      position: relative;
}
.slider-preheat__plus {
      color: #774639;
}
.slider-preheat__gift {
      width: 1140px;
      margin-top: 45px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
}
.slider-preheat__gift::before {
        content: "";
        width: 56px;
        height: 110px;
        background: url("https://web-resource.17m3.com/m3guo/202209/preheat/gift-title.png") no-repeat 0 0;
        margin-right: 20px;
}
.slider-preheat__eq {
      width: 110px;
      height: 110px;
      background: url("https://web-resource.17m3.com/m3guo/202209/preheat/gift-eq.png") no-repeat 0 0;
      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;
      padding-bottom: 4px;
}
.skill-bar {
    position: absolute;
    z-index: 9;
    background-color: #1e1913;
    padding: 15px;
    top: -80px;
}
.skill-bar.is-gsz {
      right: 60px;
}
.skill-bar.is-xc {
      left: 60px;
}
.skill-title {
    color: #ffe589;
    font-size: 18px;
    font-family: 'jinkai';
}
.skill-desc {
    margin: 10px 0 15px;
}
.skill-gif {
    width: 290px;
    height: 200px;
}
.video-bar {
    width: 1100px;
    height: 626px;
    background: url("https://web-resource.17m3.com/m3guo/202209/preheat/video-bg.png");
    padding-top: 13px;
}
.video-bar .d-bd {
      padding: 0;
}
.video-iframe {
    width: 1067px;
    height: 600px;
}
.d-close {
    right: -.68rem;
    top: 0;
    background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/btn-close.png");
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
}
.d-close:hover {
      background-image: url("https://web-resource.17m3.com/m3guo/202209/preheat/btn-close-hover.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;
}