@charset "UTF-8";.qrcode-box{position:relative;overflow:hidden}#qrcode_logo,#qrcode_canvas{position:absolute;opacity:0;pointer-events:none}#canvas{left:0;top:0;opacity:1;width:100%;height:100%}html{font-size:100px}body{font-size:.16rem}ul,li{list-style:none}.bg-no,.m-title,.hero-nav,.hero-nav__item,.hero-nav__item:before,.hero-skill,.hero-skill:before,.hero-skill__gif,.hero-skill__fetch:before,.follow-item,.activity-item,.activity-title:after,.activity-link,.chapter-nav__item,.chapter-gift__item,.chapter-item,.chapter-ani-side:before,.chapter-2__side,.chapter-2__up:after,.chapter-2__gif,.chapter-2__fetch:before,.chapter-1:before,.chapter-1__item,.chapter-1__topic:after,.chapter-1__topic:before,.hero-person,.chart-pie,.area-tip:before,.area-side:after,.preload-desc:before,.preload-desc,button,a{background:no-repeat center center transparent;background-size:100% 100%}input{outline:none}button,a{-webkit-tap-highlight-color:transparent;border:0;outline:none;cursor:pointer}.preload-bar{position:fixed;z-index:999;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);color:#409eff;display:flex;justify-content:center;align-items:center;font-size:.32rem}.preload-desc{color:#e4c995;font:700 .2rem/1 微软雅黑;width:1rem;height:1rem;background-image:url(https://web-resource.17m3.com/m3guo/202309/order-a76e/loading-bg.png);background-color:rgba(0,0,0,.5);border-radius:50%;display:flex;justify-content:center;align-items:center;position:relative}.preload-desc:before{position:absolute;content:"";left:0;top:0;width:100%;height:100%;background-image:url(https://web-resource.17m3.com/m3guo/202309/order-a76e/loading-outside.png);animation:aniRotate infinite 1s linear}.fn-msg{position:fixed;z-index:100;left:0;top:2rem;width:100%;display:flex;flex-direction:column;align-items:center}.fn-msg__item{background-color:rgba(255,255,255,.8);border:.02rem solid;min-width:1rem;max-width:6rem;display:flex;align-items:center;border-radius:.06rem;margin:0 auto .1rem;padding:.1rem .2rem}.fn-msg__item.is-success{color:#67c23a;border-color:rgba(103,194,58,.3)}.fn-msg__item.is-warning{color:#e6a23c;border-color:rgba(230,162,60,.3)}.fn-msg__item.is-error{color:#f56c6c;border-color:rgba(245,108,108,.3)}.fn-msg__item.is-info{color:#333;border-color:rgba(51,51,51,.3)}.fn-msg__ua{position:fixed;width:100%;height:100%;left:0;top:0;color:#f56c6c;display:flex;justify-content:center;align-items:center;font-size:.48rem;text-align:center;background-color:rgba(0,0,0,.8)}.fn-eq{display:inline-block;background:no-repeat 0 0;background-size:100% 100%;width:46px;height:46px;position:relative;vertical-align:top}.fn-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%}.fn-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:.01rem solid #a7966b}.fn-tip{position:fixed;z-index:200}.fn-tip__desc,.fn-tip__pic{border:.02rem solid #76582a}.fn-tip__desc{max-width:500px;min-width:200px;padding:.12rem;font-size:12px;line-height:1.6;background-color:rgba(0,0,0,.8);color:#fff}#fn-loading{position:fixed;z-index:599;left:0;top:0;width:100%;height:100%;color:#fff;background-color:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center}.d-bg{position:fixed;z-index:99;width:100%;height:100%;left:0;top:0;background-color:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center}.d-bar{position:relative;width:5.8rem;margin-top:-.2rem;animation:aniDialog .1s ease;background-color:#fff}.d-hd{text-align:center;padding:.2rem 0;font-size:.32rem}.d-ft{display:flex;justify-content:center;padding:.2rem 0}.d-close{position:absolute;z-index:5;top:-.1rem;right:-.4rem;width:.4rem;height:.4rem;font-size:.4rem;cursor:pointer;display:flex;justify-content:center;align-items:center;background-color:transparent;color:#fff;transform:scale(1);transition:all .3s ease-out;transform-origin:center center}.d-close:before{position:absolute;left:0;top:-.02rem;width:100%;height:100%;line-height:1;content:"+";transform:rotate(45deg)}.d-close:hover{transform:scale(1.2)}.d-btn{width:.74rem;height:.4rem;margin:0 .1rem}.alert-bd{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.1rem;min-height:1rem}.area-bar{width:5.8rem}.area-item{align-items:center;height:.86rem;margin-bottom:.26rem;position:relative;font-size:.22rem}.area-bd{display:flex;flex-direction:column;align-items:center}.area-item,.area-select{display:flex;width:5rem;background-color:#fffaec;border:.02rem solid #ecd2b4;border-radius:.1rem}.area-label{width:1.28rem;text-align:right;margin-right:.18rem}.area-ipt{width:3.5rem;height:.8rem;line-height:.8rem}.area-side{position:relative}.area-side:after{position:absolute;top:.2rem;right:.2rem;content:"";width:.4rem;height:.4rem;transition:all .3s ease-out;background-image:url(https://web-resource.17m3.com/m3guo/202309/mall/ic-sel.png)}.area-side.is-down:after{transform:rotate(-180deg)}.area-select{z-index:2;position:absolute;left:-.02rem;top:.64rem;flex-wrap:wrap;padding:.16rem .2rem;border-top:0;border-radius:0 0 .1rem .1rem}.area-option{width:46%;text-align:center;padding:.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{color:#e04f29;display:flex;justify-content:center;align-items:center}.area-tip:before{color:transparent;width:.2rem;height:.2rem;background-image:url(https://web-resource.17m3.com/m3guo/202309/mall/ic-tip.png)}.chart-pie{width:2.93rem;height:2.93rem;position:relative;background-image:url(https://web-resource.17m3.com/m3guo/202301/battle/rate-circle.png)}.chart-pie__number{position:absolute;color:#cac5bc;text-align:center;width:100%;left:0;top:.3rem;z-index:8}.chart-pie__pic{position:relative;width:2.93rem;height:2.93rem;z-index:9}.chart-pie__left,.chart-pie__right,.chart-pie__right__hide{position:absolute;width:3rem;height:3rem;left:50%;top:50%;margin-left:-1.5rem;margin-top:-1.5rem;border-radius:50%}.chart-pie__left{background-image:url(https://web-resource.17m3.com/m3guo/202301/battle/rate-left-light.png);transform:rotate(-180deg)}.chart-pie__right{background-image:url(https://web-resource.17m3.com/m3guo/202301/battle/rate-right-light.png)}.chart-pie__right__hide{background-image:url(https://web-resource.17m3.com/m3guo/202301/battle/rate-right-gray.png)}@media screen and (max-width: 749px){html{font-size:50px}body,button{font-size:.24rem}.fn-eq{width:.68rem;height:.68rem}.fn-eq.is-num:after{font-size:.2rem}.fn-tip{left:0!important;top:0!important;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.8)}.fn-tip__desc{min-width:100%;padding:.26rem}.fn-tip__pic{max-width:100%}}.slider-bar{position:relative;width:4.92rem;height:3.04rem;background-color:rgba(0,0,0,.8)}.slider-item{animation:fadeIn .3s 1 linear}.slider-page{position:absolute;z-index:5;width:100%;left:0;bottom:.2rem;display:flex;justify-content:center}.slider-page__item{margin:0 .04rem;width:.1rem;height:.1rem;color:transparent;background-color:rgba(0,0,0,.8)}.slider-page__item.is-crt{background-color:rgba(255,255,255,.8)}.slider-page__prev,.slider-page__next{position:absolute;z-index:6;top:50%}.slider-page__prev{left:0}.slider-page__next{right:0}.slider-slip{position:relative;width:100%;height:3.04rem;color:#fff}.slider-slip__item{position:absolute;left:50%;top:0;margin-left:-25%;width:50%;height:100%;background-color:rgba(0,0,0,.8);z-index:1;opacity:0;transition:all .5s;transform:scale(.5);box-shadow:0 0 .1rem rgba(255,255,255,.8)}.slider-slip__item.is-crt{opacity:1;z-index:9;transform:scale(1)}.slider-slip__item.is-prev,.slider-slip__item.is-next{opacity:1;z-index:8;transform:scale(.8);filter:blur(.04rem)}.slider-slip__item.is-prev{left:10%}.slider-slip__item.is-next{left:90%}@keyframes aniDialog{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes aniRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}*{padding:0;margin:0;box-sizing:border-box}body{width:100%;font-family:微软雅黑;line-height:1.6;color:#e7e7e7}@font-face{font-family:song;src:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/HYChangLiSongKeBenJ.ttf)}@font-face{font-family:dakai;src:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/ALIMAMA_DONGFANGDAKAI_REGULAR.TTF)}@font-face{font-family:hero;src:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/HYDISHENGYINGXIONGTIJ.TTF)}@keyframes aniHeroPerson{0%{opacity:0;transform:translate(10%,-10%)}to{opacity:1;transform:translate(0)}}@keyframes aniHeroSkill{0%{opacity:0;transform:translate(-20%,20%)}to{opacity:1;transform:translate(0)}}@keyframes aniHeroNav{0%{transform:scale(1.05) rotate(1turn)}50%,to{transform:scale(1) rotate(0)}}@keyframes aniHeroSkillShine{0%{opacity:0;transform:scale(1.05)}25%{opacity:1}50%{opacity:0}75%,to{opacity:1;transform:scale(1)}}@keyframes aniRoundSide{0%{opacity:1;transform:rotate(0)}50%,to{opacity:0;transform:rotate(1turn)}}@keyframes aniUp{0%{opacity:1;transform:translateY(.1rem)}80%,to{opacity:0;transform:translateY(-.1rem)}}@keyframes aniToRight{0%{opacity:1;transform:translate(.1rem)}80%,to{opacity:0;transform:translate(-.2rem)}}@keyframes aniChapterShine{0%,50%{opacity:1}50%{opacity:.5}}@keyframes aniChapterHd1{0%{transform:translate(80%)}to{transform:translate(0)}}@keyframes aniChapterHd2{0%{transform:translate(-60%,60%)}to{transform:translate(0)}}@keyframes aniChapterHd3{0%{transform:translate(50%,-50%)}to{transform:translate(0)}}@keyframes aniChapterHd4{0%{transform:translate(-50%)}to{transform:translate(0)}}@media screen and (min-width: 751px){body{font-size:14px;cursor:default;background-color:#333}.topBar,#M3-footer{display:block}.container{width:100%;max-width:1920px;min-width:1400px;margin:0 auto;overflow:hidden;height:5965px;background:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/container.jpg) no-repeat center 1158px;box-shadow:0 0 20px #000}.part{width:1400px;display:flex;flex-direction:column;align-items:center;position:relative;margin:0 auto}.m-title{width:226px;height:332px;text-indent:-9999px;position:absolute;top:0}.banner-bar{position:relative;height:1160px;background:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/banner.jpg) no-repeat center top;overflow:hidden}.banner-bar:after{position:absolute;z-index:2;content:"";left:50%;bottom:1px;transform:translate(-50%);width:1920px;height:120px;background:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/banner-ft.png) no-repeat 0 0}.banner-logo,.banner-home,.banner-download{position:absolute;z-index:3;background:no-repeat;text-indent:-9999px}.banner-logo{left:56px;top:24px;width:124px;height:98px;background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/logo.png);text-indent:-9999px}.banner-home,.banner-download{width:41px;height:41px;top:44px}.banner-home{right:126px;background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/banner-home.png)}.banner-download{right:68px;background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/banner-download.png)}.banner-video{position:absolute;z-index:1;width:1920px;height:1158px;left:50%;top:0;margin-left:-960px}.hero-bar{height:1230px}.hero-title{top:87px;left:-76px;background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/hero-title.png)}.hero-nav{position:absolute;z-index:9;top:465px;left:23px;width:207px;height:595px;background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/hero-nav.png);display:flex;flex-direction:column;align-items:center;padding-top:78px}.hero-nav__item{width:90px;height:90px;text-indent:-9999px;margin-bottom:22px;cursor:pointer;transition:all .5s linear}.hero-nav__item.is-crt{position:relative}.hero-nav__item.is-crt:before{position:absolute;content:"";left:-7px;top:-7px;width:101px;height:99px;background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/hero-crt.png);animation:aniHeroNav 1.5s infinite linear}.hero-person{position:absolute;width:1920px;height:1316px;left:50%;margin-left:-960px;top:-134px;animation:aniHeroPerson .6s 1 ease-out;text-indent:-9999px}.hero-skill{position:absolute;z-index:8;left:886px;top:246px;width:449px;height:550px;background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/skill-bg.png);display:flex;flex-direction:column;align-items:center;padding-top:5px;animation:aniHeroSkill .6s 1 ease-out}.hero-skill:before{position:absolute;content:"";width:522px;height:610px;pointer-events:none;background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/skill-shine.png);left:-36px;top:-27px;animation:aniHeroSkillShine 1s infinite linear}.hero-skill__gif{width:440px;height:260px;margin-bottom:22px}.hero-skill__name{text-align:center;font: 30px/1 dakai;position:relative}.hero-skill__desc{width:412px;line-height:2.2;padding-top:26px}.hero-skill__fetch{position:absolute;left:14px;bottom:-70px;font: 24px/1 dakai;color:#b61411;height:40px;display:flex;align-items:center}.hero-skill__fetch:before{content:"";width:158px;height:40px;background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/hero-obtain.png);margin-right:8px}.hero-person.is-zy{background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/person-zy.png)}.hero-nav__zy{background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/avatar-zy.png)}.hero-nav__zy.is-crt,.hero-nav__zy:hover{background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/avatar-zy-crt.png)}.hero-skill__gif.is-zy{background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/skill-zy.gif)}.hero-person.is-wy{background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/person-wy.png)}.hero-nav__wy{background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/avatar-wy.png)}.hero-nav__wy.is-crt,.hero-nav__wy:hover{background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/avatar-wy-crt.png)}.hero-skill__gif.is-wy{background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/skill-wy.gif)}.hero-person.is-zc{background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/person-zc.png)}.hero-nav__zc{background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/avatar-zc.png)}.hero-nav__zc.is-crt,.hero-nav__zc:hover{background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/avatar-zc-crt.png)}.hero-skill__gif.is-zc{background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/skill-zc.gif)}.hero-person.is-gsz{background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/person-gsz.png)}.hero-nav__gsz{background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/avatar-gsz.png)}.hero-nav__gsz.is-crt,.hero-nav__gsz:hover{background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/avatar-gsz-crt.png)}.hero-skill__gif.is-gsz{background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/skill-gsz.gif)}.myth-bar{height:1116px}.myth-title{right:-2px;background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/myth-title.png)}.myth-skill{left:70px;top:332px}.myth-skill .is-gp{background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/skill-gp.gif)}.myth-skill .hero-skill__fetch{color:#1a242d}.myth-skill .hero-skill__fetch:before{background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/hero-obtain-black.png)}.chapter-bar{height:974px;padding-top:70px;align-items:flex-start;padding-left:284px}.chapter-title{left:-78px;background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/chapter-title.png)}.chapter-nav{display:flex}.chapter-nav__item{width:333px;height:71px;color:#f3f3f3;font: 24px/1 dakai;text-shadow:0 0 7px rgba(100,100,100,.7);background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/chapter-tab-default.png);display:flex;justify-content:center;align-items:center;margin-right:1px}.chapter-nav__item.is-crt{text-shadow:0 0 7px rgba(151,43,43,.7);background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/chapter-tab-crt.png)}.chapter-ani-side{position:relative}.chapter-ani-side:before{position:absolute;content:"";width:13px;height:14px;background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/ic-side.png)}.chapter-item{width:1001px;height:571px}.chapter-1{background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/chapter-1.jpg);position:relative}.chapter-1:before{position:absolute;content:"";width:745px;height:462px;background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/chapter-1-cover.png);left:110px;top:66px;animation:aniChapterShine 1s infinite ease-out}.chapter-1__item{position:absolute;z-index:3;text-align:center}.chapter-1__item.is-0,.chapter-1__item.is-1{top:20px;padding-top:74px;width:266px;height:195px;background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/chapter-1-hd.png)}.chapter-1__item.is-2,.chapter-1__item.is-3{top:378px;padding-top:58px;width:266px;height:174px;background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/chapter-1-ft.png)}.chapter-1__item.is-0{left:-133px;animation:aniChapterHd1 .6s 1 ease-out}.chapter-1__item.is-1{right:-94px;animation:aniChapterHd2 .6s 1 ease-out}.chapter-1__item.is-2{left:-120px;animation:aniChapterHd3 .6s 1 ease-out}.chapter-1__item.is-3{right:-115px;animation:aniChapterHd4 .6s 1 ease-out}.chapter-1__topic,.chapter-1__desc{letter-spacing:-1.5px}.chapter-1__topic{font: 18px/1 dakai;margin-bottom:7px;display:flex;justify-content:center;align-items:center}.chapter-1__topic:before,.chapter-1__topic:after{content:"";width:15px;height:15px;margin:0 6px;background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/ic-white.png)}.chapter-1__desc{font: 22px/1 dakai}.chapter-2{background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/chapter-2.jpg);display:flex;padding:10px 0 0 11px}.chapter-2__side{width:331px;height:549px;background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/chapter-2-side.png);display:flex;flex-direction:column;align-items:center;padding-top:50px;margin-right:50px}.chapter-2__eq{width:128px;height:128px;margin-bottom:24px}.chapter-2__name1,.chapter-2__name2{font: 24px/1 dakai}.chapter-2__name1{color:#302a57}.chapter-2__name2{color:#2d4479}.chapter-2__up{width:100%;height:98px;position:relative}.chapter-2__up:before,.chapter-2__up:after{position:absolute;left:50%;margin-left:-40px;width:81px}.chapter-2__up:before{top:10px;z-index:1;content:"";height:67px;background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/chapter-2-up.png);animation:aniUp 1s infinite linear}.chapter-2__up:after{top:40px;z-index:3;content:attr(data-desc);background:linear-gradient(#9c2307,#d85032);font: 16px/1 dakai;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:center}.chapter-2__bd{color:#5c5c5c}.chapter-2__label{font: 16px/1 song;padding:10px 0 5px}.chapter-2__label:before{top:4px;left:-4px;animation:aniRoundSide 2s infinite linear}.chapter-2__topic{font: 32px/1 hero;letter-spacing:-4px;margin-bottom:10px;color:#7d7d7d}.chapter-2__desc{font: 16px/1 dakai;letter-spacing:-1.5px;margin-bottom:10px}.chapter-2__gif{width:540px;height:360px;background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/chapter-2-gif.jpg);margin-bottom:23px}.chapter-2__fetch{padding-left:52px;display:flex;align-items:center;color:#b61411;font: 24px/1 dakai}.chapter-2__fetch:before{content:"";width:158px;height:40px;background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/hero-obtain.png);margin-right:10px}.chapter-3{background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/chapter-3.jpg);display:flex;padding-top:100px}.chapter-gift{width:25%;display:flex;flex-direction:column;align-items:center}.chapter-gift__topic{text-align:center;margin-bottom:46px;font: 38px/1 hero;background:linear-gradient(#4c5050,#6e6e6c);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.chapter-gift__topic:before{animation:aniRoundSide infinite 4s linear}.chapter-gift__topic.is-0:before{left:5px}.chapter-gift__topic.is-1:before{left:4px;top:-4px;animation-delay:1s}.chapter-gift__topic.is-2:before{left:8px;top:-4px;animation-delay:2s}.chapter-gift__topic.is-3:before{left:-1PX;top:-1px;animation-delay:3s}.chapter-gift__bd{display:flex;flex-wrap:wrap;justify-content:center}.chapter-gift__eq{width:91px;height:92px;background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/chapter-eq.png);display:flex;justify-content:center;align-items:center;margin:0 7px 54px}.activity-bar{height:768px;color:#d7d7d7}.activity-title{right:-12px;background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/activity-title.png)}.activity-bd{padding-top:248px;display:flex}.activity-item{width:280px;height:398px;margin:0 10px;padding-top:22px;display:flex;flex-direction:column;align-items:center}.activity-item.is-1{padding-left:281px;width:561px;background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/activity-1.png)}.activity-item.is-2{background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/activity-2.png)}.activity-item.is-3{background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/activity-3.png)}.activity-topic{font: 28px/1 song;margin-bottom:42px;position:relative}.activity-topic:after{position:absolute;content:"";top:35px;left:50%;transform:translate(-50%);width:198px;height:7px;background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/activity-line.png)}.activity-date,.activity-info{font-size:16px;line-height:1.3;display:flex;flex-direction:column;align-items:center}.activity-date strong,.activity-info strong{margin-bottom:5px}.activity-date{text-align:center;height:66px}.activity-info{width:200px;height:107px}.activity-link{width:243px;height:71px;background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/activity-btn.png);display:flex;justify-content:center;align-items:center;text-decoration:none;font: 24px/1 dakai;color:#fdfbfb;text-shadow:0 0 7px rgba(151,43,43,.7)}.activity-gift{padding-top:10px}.activity-gift__item{margin:0 10px}.follow-title{color:#2e2c2c;font:700 32px/1 song;width:100%;text-align:center;background:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/follow-title.png) no-repeat center center;margin-bottom:40px}.follow-bd{display:flex}.follow-item{width:324px;height:456px;background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/follow-item.png);display:flex;flex-direction:column;align-items:center;padding-top:92px;margin:0 55px}.follow-topic{font: 28px/1 song;margin-bottom:30px}.follow-desc{width:224px;height:54px;line-height:1.2}.follow-pic{width:180px;height:180px}}@media screen and (max-width: 750px){body{font-size:.24rem;padding-top:0!important}.container{width:7.5rem;height:82.58rem;background:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/m-container.jpg) no-repeat center 13.33rem;background-size:100% auto;transform-origin:left top;overflow:hidden}.part{display:flex;flex-direction:column;align-items:center}.bg-none,.follow-bd:before,.follow-bd:after,.follow-title:after,.activity-topic:after,.banner-logo,.banner-bar{background:no-repeat 0 0;background-size:100% 100%}.banner-bar{position:relative;height:13.34rem;background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/m-banner.jpg)}.banner-logo{position:absolute;left:.2rem;top:.2rem;width:1.47rem;height:1.23rem;background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/logo-min.png);color:transparent}.m-title{width:2.26rem;height:3.32rem;color:transparent}.hero-bar{height:16.06rem;padding-top:.16rem;position:relative}.hero-title{background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/hero-title.png);margin-bottom:4.82rem}.hero-nav{position:absolute;top:8.92rem;right:-.1rem;z-index:9;width:2.07rem;height:5.95rem;background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/hero-nav.png);padding-top:.78rem;display:flex;flex-direction:column;align-items:center}.hero-nav__item{width:.9rem;height:.9rem;color:transparent;margin-bottom:.24rem;position:relative;cursor:pointer;transition:all .5s linear}.hero-nav__item.is-crt{position:relative}.hero-nav__item.is-crt:before{position:absolute;content:"";left:-.07rem;top:-.07rem;width:1.01rem;height:.99rem;background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/hero-crt.png);animation:aniHeroNav 1.5s infinite linear}.hero-item{position:absolute;z-index:5;width:7.5rem;height:16.58rem;overflow:hidden}.hero-person{position:absolute;top:0;left:50%;margin-left:-7rem;width:14rem;height:16.58rem;animation:aniHeroPerson .5s 1 linear}.hero-skill{position:absolute;width:5.16rem;height:6.32rem;top:8.3rem;left:.74rem;background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/m-skill-bg.png);display:flex;flex-direction:column;align-items:center;padding-top:.05rem;animation:aniHeroSkill .5s 1 ease-out}.hero-skill:before{position:absolute;content:"";width:5.86rem;height:6.88rem;pointer-events:none;background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/skill-shine.png);left:-.36rem;top:-.28rem;animation:aniHeroSkillShine 1s infinite linear}.hero-skill__gif{width:5.08rem;height:2.98rem;margin-bottom:.26rem}.hero-skill__name{font: .3rem/1 dakai;margin-bottom:.28rem}.hero-skill__desc{font-size:.22rem;line-height:1.4;width:4.8rem;text-align:justify}.hero-skill__fetch{position:absolute;bottom:-.56rem;color:#b61411;font: .24rem/1 dakai;display:flex;justify-content:center;align-items:center}.hero-skill__fetch:before{content:"";margin-right:.1rem;width:1.58rem;height:.4rem;background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/hero-obtain.png)}.hero-nav__wy{background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/avatar-wy.png)}.hero-nav__wy.is-crt{background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/avatar-wy-crt.png)}.hero-person.is-wy{background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/m-person-wy.png)}.hero-skill__gif.is-wy{background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/m-skill-wy.gif)}.hero-nav__zc{background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/avatar-zc.png)}.hero-nav__zc.is-crt{background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/avatar-zc-crt.png)}.hero-person.is-zc{background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/m-person-zc.png)}.hero-skill__gif.is-zc{background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/m-skill-zc.gif)}.hero-nav__gsz{background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/avatar-gsz.png)}.hero-nav__gsz.is-crt{background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/avatar-gsz-crt.png)}.hero-person.is-gsz{background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/m-person-gsz.png)}.hero-skill__gif.is-gsz{background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/m-skill-gsz.gif)}.hero-nav__zy{background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/avatar-zy.png)}.hero-nav__zy.is-crt{background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/avatar-zy-crt.png)}.hero-person.is-zy{background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/m-person-zy.png)}.hero-skill__gif.is-zy{background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/m-skill-zy.gif)}.myth-bar{height:17.44rem;position:relative}.myth-title{background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/myth-title.png);margin-bottom:6.36rem}.myth-skill{top:9.68rem;left:1.2rem}.myth-skill .hero-skill__gif{background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/m-skill-gp.gif)}.myth-skill .hero-skill__fetch{color:#1a242d}.myth-skill .hero-skill__fetch:before{background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/hero-obtain-black.png)}.chapter-bar{height:13.42rem}.chapter-title{background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/chapter-title.png);margin-bottom:.38rem}.chapter-nav{display:flex;justify-content:space-between;width:7.11rem;margin-bottom:.02rem}.chapter-nav__item{width:2.35rem;height:.71rem;color:#f3f3f3;font: .24rem/1 dakai;display:flex;justify-content:center;align-items:center;cursor:pointer;text-shadow:0 0 .1rem rgba(100,100,100,.8);background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/m-chapter-tab-default.png)}.chapter-nav__item.is-crt{text-shadow:0 0 .1rem rgba(151,43,43,.8);background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/m-chapter-tab-crt.png)}.chapter-item{width:7.11rem;height:7.41rem;position:relative}.chapter-ani-side:before{position:absolute;content:"";width:.13rem;height:.14rem;background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/ic-side.png)}.chapter-1{background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/m-chapter-1.jpg);position:relative}.chapter-1:before{position:absolute;left:.23rem;top:1.58rem;content:"";width:6.71rem;height:4.18rem;background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/m-chapter-1-cover.png);animation:aniChapterShine 1s infinite ease-out}.chapter-1__item{position:absolute;width:2.66rem;display:flex;flex-direction:column;align-items:center}.chapter-1__item.is-0,.chapter-1__item.is-1{padding-top:.7rem;padding-right:.04rem;top:.32rem;height:1.95rem;background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/chapter-1-hd.png)}.chapter-1__item.is-2,.chapter-1__item.is-3{padding-top:.6rem;height:1.74rem;background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/chapter-1-hd.png)}.chapter-1__item.is-0{left:-.46rem;animation:aniChapterHd1 .6s 1 ease-out}.chapter-1__item.is-1{left:4.83rem;animation:aniChapterHd2 .6s 1 ease-out}.chapter-1__item.is-2{top:5.42rem;left:-.33rem;animation:aniChapterHd3 .6s 1 ease-out}.chapter-1__item.is-3{top:5.1rem;left:4.83rem;animation:aniChapterHd4 .6s 1 ease-out}.chapter-1__topic{font: .18rem/1 dakai;display:flex;align-items:center;letter-spacing:-.01rem}.chapter-1__topic:before,.chapter-1__topic:after{content:"";width:.15rem;height:.15rem;background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/ic-white.png);margin:0 .04rem}.chapter-1__desc{font: .22rem/1.8 dakai;letter-spacing:-.02rem}.chapter-2{background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/m-chapter-2.jpg);display:flex;flex-direction:column;align-items:center;padding-top:.1rem}.chapter-2__side{width:6.71rem;height:1.89rem;background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/m-chapter-2-side.png);display:flex;justify-content:center;align-items:center;margin-bottom:.26rem}.chapter-2__item{text-align:center}.chapter-2__eq{width:1.28rem;height:1.28rem;margin-bottom:.08rem}.chapter-2__name1,.chapter-2__name2{font: .24rem/1 dakai}.chapter-2__name1{color:#2f477d}.chapter-2__name2{color:#302a57}.chapter-2__up{width:2.3rem;height:1.6rem;position:relative}.chapter-2__up:before,.chapter-2__up:after{position:absolute}.chapter-2__up:before{left:0;top:.72rem;z-index:3;width:100%;text-align:center;content:attr(data-desc);font: .18rem/1 dakai;background:linear-gradient(#9f2408,#d33d17);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.chapter-2__up:after{left:.68rem;top:.32rem;z-index:2;content:"";width:1.12rem;height:.99rem;background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/m-chapter-2-up.png);animation:aniToRight 1s infinite linear}.chapter-2__bd{position:relative;color:#5c5c5c;display:flex;flex-direction:column;align-items:center}.chapter-2__label,.chapter-2__topic{position:absolute;left:0}.chapter-2__label{top:.04rem;font: .18rem/1 song}.chapter-2__label:before{left:-.04rem;top:-.04rem}.chapter-2__topic{top:.26rem;font: .32rem/1 hero;letter-spacing:-.02rem;color:#717171}.chapter-2__desc{width:6.5rem;padding-left:1.44rem;font: .22rem/1.4 dakai;margin-bottom:.2rem}.chapter-2__gif{width:5.4rem;height:3.6rem;background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/chapter-2-gif.jpg);margin-bottom:.14rem}.chapter-2__fetch{height:.4rem;display:flex;align-items:center;font: .24rem/1 dakai;color:#b61411;padding-left:1.7rem;background:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/hero-obtain.png) no-repeat left center;background-size:1.58rem .4rem}.chapter-3{background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/m-chapter-3.jpg);display:flex;flex-wrap:wrap;padding-top:.74rem}.chapter-gift{width:50%;display:flex;flex-direction:column;align-items:center}.chapter-gift:nth-child(3),.chapter-gift:nth-child(4){padding-bottom:.1rem}.chapter-gift__topic{font: .38rem/1 hero;background:linear-gradient(#4b4f4f,#6c6c6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.1rem;position:relative}.chapter-gift__topic:before{animation:aniRoundSide infinite 4s linear}.chapter-gift__topic.is-0:before{left:.05rem}.chapter-gift__topic.is-1:before{left:.04rem;top:-.04rem;animation-delay:1s}.chapter-gift__topic.is-2:before{left:.08rem;top:-.04rem;animation-delay:2s}.chapter-gift__topic.is-3:before{left:-.01rem;top:-.01rem;animation-delay:3s}.chapter-gift__bd{display:flex;flex-wrap:wrap;justify-content:center;width:2.2rem}.chapter-gift__eq{width:.91rem;height:.92rem;display:flex;justify-content:center;align-items:center;background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/chapter-eq.png);margin:0 .06rem}.activity-bar{height:15.28rem}.activity-title{background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/activity-title.png);margin-bottom:2.68rem}.activity-bd{display:flex;flex-wrap:wrap;justify-content:center}.activity-item{width:3.03rem;height:3.98rem;display:flex;flex-direction:column;align-items:center;padding-top:.18rem;color:#d7d7d7}.activity-item.is-1{width:6.52rem;padding-left:3.52rem;background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/m-activity-1.png);margin-bottom:.4rem}.activity-item.is-1 .activity-info{height:1.06rem}.activity-item.is-2{background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/m-activity-2.png);margin-right:.5rem}.activity-item.is-3{background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/m-activity-3.png)}.activity-topic{font: .28rem/1 song;margin-bottom:.38rem;position:relative}.activity-topic:after{position:absolute;content:"";width:1.98rem;height:.07rem;background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/activity-line.png);left:50%;transform:translate(-50%);top:.42rem}.activity-date,.activity-info{display:flex;flex-direction:column;align-items:center;font-size:.22rem;line-height:1.3}.activity-date{height:.7rem}.activity-info{width:2.7rem;height:1.3rem}.activity-gift{display:flex}.activity-gift__item{margin:0 .08rem}.activity-link{width:2.43rem;height:.71rem;background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/activity-btn.png);display:flex;justify-content:center;align-items:center;color:#fdfbfb;text-decoration:none;font: .24rem/1 dakai;padding-bottom:.04rem}.follow-title{width:100%;text-align:center;font: .32rem/1 song;color:#2e2c2c;position:relative;margin-bottom:.52rem}.follow-title:after{position:absolute;content:"";width:6.85rem;height:.14rem;background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/m-follow-title.png);left:50%;top:50%;transform:translate(-50%,-50%)}.follow-bd{display:flex;position:relative}.follow-bd:before,.follow-bd:after{position:absolute;content:"";top:-.24rem;width:.42rem;height:4.45rem;background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/m-follow-side.png);animation:aniHeroSkillShine 3s infinite linear}.follow-bd:before{left:-.26rem}.follow-bd:after{right:-.26rem}.follow-item{width:2.21rem;height:3.98rem;background-image:url(https://web-resource.17m3.com/m3guo/202404/v-u6v9/m-follow-item.png);display:flex;flex-direction:column;align-items:center;margin:0 .07rem;padding-top:.22rem;color:#d7d7d7}.follow-topic{font: .28rem/1 song;margin-bottom:.34rem}.follow-desc{width:1.8rem;font-size:.18rem;line-height:1.4;height:.94rem}.follow-code{width:1.8rem;height:1.8rem}}