*{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';src:url("//at.alicdn.com/t/font_2719783_y8ayte8sed.woff2?t=1628499125153") format("woff2"),url("//at.alicdn.com/t/font_2719783_y8ayte8sed.woff?t=1628499125153") format("woff"),url("//at.alicdn.com/t/font_2719783_y8ayte8sed.ttf?t=1628499125153") format("truetype")
}
.iconfont,.d-close::before{font-family:"iconfont";font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale
}
.d-bg{position:fixed;z-index:99;width:100vw;height:100vh;left:0;top:0;background-color:rgba(0,0,0,0.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
}
.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;font-size:0.4rem;border:0;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center
}
.d-close::before{content:"\E643"
}
.d-btn{width:0.74rem;height:0.4rem
}
.area-bar{width:5.8rem
}
.area-item{-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:0.86rem;margin-left:0.4rem;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-select{z-index:2;position:absolute;left:0;top:0.64rem;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:0.16rem
}
.area-option{width:50%;text-align:center;padding:0.1rem 0
}
.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
}
@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
}
}
.preload-bar{position:fixed;z-index:100;left:0;top:0;width:100%;height:100vh;background-color:rgba(255,255,255,0.9);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#2472bd;font-size:.32rem
}
@-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)
}
}
html{font-size:100px
}
body{color:#ffffff;background-color:#1b1e54
}
.bg-none,a,button,.m-title,.hero-video::before,.hero-skill,.d-bar,.area-side::after,.area-tip::before,.invitation-title::before,.invitation-title::after{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:#e2df9a
}
@font-face{font-family:'jinkai';src:url("https://web-resource.17m3.com/m3guo/202206/version-jedh/HYJinKaiJ.ttf")
}
.m-title{width:7.5rem;height:1.84rem;margin-bottom:.15rem;text-indent:-999rem
}
.m-title__info{font-family:'jinkai';font-size:.24rem;text-align:center
}
.hero-title{background-image:url("https://web-resource.17m3.com/m3guo/202206/version-jedh/hero-title.png");margin:0 auto
}
.hero-video{position:absolute;width:.55rem;height:.55rem;border-radius:50%;background-image:url("https://web-resource.17m3.com/m3guo/202206/version-jedh/btn-video.png");-webkit-animation:aniSkillShadow 1.4s infinite linear;animation:aniSkillShadow 1.4s infinite linear
}
.hero-video::before{position:absolute;content:"";left:50%;margin-left:-.61rem;top:.62rem;width:1.22rem;height:.24rem;background-image:url("https://web-resource.17m3.com/m3guo/202206/version-jedh/btn-play-desc.png")
}
.hero-skill{position:absolute;overflow:hidden;width:.6rem;height:.6rem;background-image:url("https://web-resource.17m3.com/m3guo/202206/version-jedh/hero-skill.png")
}
.hero-skill__pic{width:.46rem;height:.46rem
}
.hero-skill span{position:absolute;display:block
}
.hero-skill span:nth-child(2){top:0;left:0;width:100%;height:.03rem;background:-webkit-gradient(linear, left top, right top, from(transparent), to(#fff));background:linear-gradient(90deg, transparent, #fff);-webkit-animation:animate1 1s linear infinite;animation:animate1 1s linear infinite
}
.hero-skill span:nth-child(3){top:-100%;right:0;width:.03rem;height:100%;background:-webkit-gradient(linear, left top, left bottom, from(transparent), to(#fff));background:linear-gradient(180deg, transparent, #fff);-webkit-animation:animate2 1s linear infinite;animation:animate2 1s linear infinite;-webkit-animation-delay:0.25s;animation-delay:0.25s
}
.hero-skill span:nth-child(4){bottom:0;right:0;width:100%;height:.03rem;background:-webkit-gradient(linear, right top, left top, from(transparent), to(#fff));background:linear-gradient(270deg, transparent, #fff);-webkit-animation:animate3 1s linear infinite;animation:animate3 1s linear infinite;-webkit-animation-delay:0.50s;animation-delay:0.50s
}
.hero-skill span:nth-child(5){bottom:-100%;left:0;width:.03rem;height:100%;background:-webkit-gradient(linear, left bottom, left top, from(transparent), to(#fff));background:linear-gradient(360deg, transparent, #fff);-webkit-animation:animate4 1s linear infinite;animation:animate4 1s linear infinite;-webkit-animation-delay:0.75s;animation-delay:0.75s
}
.hero-slider{position:absolute;width:100%;z-index:9;left:0
}
.hero-slider .slider-row__pic{width:2.42rem;border:.03rem solid #dfc08d
}
.hero-slider .is-max{margin-left:.06rem
}
.hero-slider .is-max ~ .slider-row__item{margin-left:1.24rem
}
.hero-slider .is-max .slider-row__pic{width:3.54rem;height:4.33rem;border-width:.05rem
}
.map-title{background-image:url("https://web-resource.17m3.com/m3guo/202206/version-jedh/map-title.png")
}
.d-bar{color:#d1cdff
}
.d-hd{font-family:'jinkai';color:#fdf8d8
}
.d-btn{text-indent:-9999px
}
.area-bar{width:5.86rem;height:5.26rem;background-image:url("https://web-resource.17m3.com/m3guo/202206/version-jedh/area-bg.png")
}
.area-title{font-size:.3rem;padding:.3rem 0 .4rem
}
.area-item{color:#38356c;background-color:#fdf8d8;border:.01rem solid #5c3e5d;font-size:.2rem
}
.area-side{position:relative
}
.area-side::after{position:absolute;content:"";right:.2rem;top:.34rem;width:.24rem;height:.16rem;background-image:url("https://web-resource.17m3.com/m3guo/202206/version-jedh/ic-down.png")
}
.area-select{border:.01rem solid #5c3e5d;border-top:0;border-radius:0 0 .1rem .1rem;left:-.01rem;background-color:#fdf8d8
}
.area-option{color:#a1837d;border-radius:.06rem;padding:.05rem 0;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;margin:.05rem 5%;width:40%
}
.area-option:hover{color:#fdf8d8;background-color:#77748f
}
.area-tip{color:#dbd1bb;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;margin-bottom:.2rem
}
.area-tip::before{content:"";width:.18rem;height:.18rem;background-image:url("https://web-resource.17m3.com/m3guo/202206/version-jedh/ic-tip.png");margin-right:.1rem
}
.btn-sure{width:3.14rem;height:.68rem;background-image:url("https://web-resource.17m3.com/m3guo/202206/version-jedh/btn-sure.png")
}
.copy-bar{width:5.86rem;height:3.06rem;background-image:url("https://web-resource.17m3.com/m3guo/202206/version-jedh/copy-bg.png")
}
.copy-bd{padding:.48rem .2rem 0;height:1.9rem;font-size:.22rem;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
}
.copy-btn{width:3.14rem;height:.48rem;background-image:url("https://web-resource.17m3.com/m3guo/202206/version-jedh/btn-copy.png")
}
.invitation-bar{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
}
.invitation-title{padding-top:.5rem;margin-bottom:.34rem;color:#fdf8d8;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
}
.invitation-title::before,.invitation-title::after{content:"";width:.2rem;height:.2rem;background-image:url("https://web-resource.17m3.com/m3guo/202206/version-jedh/ic-side.png");margin:0 .12rem
}
.invitation-gift{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:.35rem
}
.invitation-gift__item{border:.02rem solid #dfc08d;background-color:#4e6198;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
}
.invitation-share{width:3.14rem;height:.68rem;background-image:url("https://web-resource.17m3.com/m3guo/202206/version-jedh/btn-share.png");text-indent:-9999px
}
.invitation-rule{font-size:.2rem;color:#dce2fe;text-decoration:underline;color:#dce2fe
}
.invitation-desc{font-size:.2rem;margin-bottom:.34rem
}
.d-msg__info{border-color:#a7b5f6;color:#a7b5f6
}
#fn-loading{color:#a7b5f6
}
@-webkit-keyframes animate1{
0%{left:-100%
}
50%,100%{left:100%
}
}
@keyframes animate1{
0%{left:-100%
}
50%,100%{left:100%
}
}
@-webkit-keyframes animate2{
0%{top:-100%
}
50%,100%{top:100%
}
}
@keyframes animate2{
0%{top:-100%
}
50%,100%{top:100%
}
}
@-webkit-keyframes animate3{
0%{right:-100%
}
50%,100%{right:100%
}
}
@keyframes animate3{
0%{right:-100%
}
50%,100%{right:100%
}
}
@-webkit-keyframes animate4{
0%{bottom:-100%
}
50%,100%{bottom:100%
}
}
@keyframes animate4{
0%{bottom:-100%
}
50%,100%{bottom:100%
}
}
@-webkit-keyframes aniSkillShadow{
0%,100%{-webkit-box-shadow:0 0 18px #ffba00;box-shadow:0 0 18px #ffba00
}
50%{-webkit-box-shadow:0 0 4px #ffba00;box-shadow:0 0 4px #ffba00
}
}
@keyframes aniSkillShadow{
0%,100%{-webkit-box-shadow:0 0 18px #ffba00;box-shadow:0 0 18px #ffba00
}
50%{-webkit-box-shadow:0 0 4px #ffba00;box-shadow:0 0 4px #ffba00
}
}
@-webkit-keyframes aniVedioPlay{
0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-360deg);transform:rotate(-360deg)
}
0%,to{-webkit-transform-origin:center
}
to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none
}
}
@keyframes aniVedioPlay{
0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-360deg);transform:rotate(-360deg)
}
0%,to{-webkit-transform-origin:center
}
to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none
}
}
@media screen and (min-width: 320px) and (max-width: 750px){
html{font-size:50px
}
body{font:0.24rem/1.6 '\5FAE\8F6F\96C5\9ED1';padding-top:0 !important
}
.bg-default,.banner-logo,.hero-name,.map-bar,.fm-bar,.fm-bar::before,.fm-bd,.hero-info{background:no-repeat 0 0;background-size:100% 100%
}
#app{max-width:446px;min-width:375px;width:100%;margin:0 auto;overflow:hidden
}
.m-eq{width:.68rem;height:.68rem
}
.banner-bar{position:relative
}
.banner-bg{width:100%
}
.banner-logo{position:absolute;left:.36rem;top:.3rem;width:1.38rem;height:1.04rem;background-image:url("https://web-resource.17m3.com/m3guo/202206/version-jedh/app-logo.png");text-indent:-9999px
}
.hero-bar{position:relative
}
.hero-title{position:absolute;top:.56rem;left:50%;margin-left:-3.75rem;z-index:2
}
.hero-bd{position:relative;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;width:200%
}
.hero-item{position:relative;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;width:50%
}
.hero-item__pic{width:100%
}
.hero-item.is-crt{margin-left:0
}
.hero-point,.hero-name,.hero-skill{position:absolute;left:50%
}
.hero-video{left:50%
}
.hero-name{width:.61rem;height:2.46rem;text-indent:-999rem
}
.hero-zy{margin-left:-50%
}
.hero-zy .hero-name{top:31.8%;margin-left:-1.34rem;background-image:url("https://web-resource.17m3.com/m3guo/202206/version-jedh/zy-name.png")
}
.hero-zy .hero-skill{top:40.6%;margin-left:-2.02rem
}
.hero-zy .hero-video{top:43.6%;margin-left:1.3%
}
.hero-xq .hero-name{top:30.2%;margin-left:1.14rem;background-image:url("https://web-resource.17m3.com/m3guo/202206/version-jedh/xq-name.png")
}
.hero-xq .hero-skill{top:39%;margin-left:1.84rem
}
.hero-xq .hero-video{top:42.2%;margin-left:-.38rem
}
.hero-invitation{position:absolute;z-index:2;top:82.5%;left:50%;margin-left:-2.47rem;width:4.94rem;height:.68rem;background-image:url("https://web-resource.17m3.com/m3guo/202206/version-jedh/btn-invitation.png");text-indent:-999rem
}
.hero-btn{position:absolute;top:37.8%;width:.72rem;height:1.13rem;opacity:.6;text-indent:-999rem
}
.hero-btn.is-prev{left:.08rem;background-image:url("https://web-resource.17m3.com/m3guo/202206/version-jedh/btn-prev.jpg")
}
.hero-btn.is-next{left:50%;margin-left:-.8rem;background-image:url("https://web-resource.17m3.com/m3guo/202206/version-jedh/btn-next.jpg")
}
.hero-slider{top:50.3%;height:4.34rem
}
.user-bar{position:absolute;z-index:2;top:2.2rem;left:0;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center
}
.user-link{color:#e6efff
}
.map-bar{height:12.3rem;background-image:url("https://web-resource.17m3.com/m3guo/202206/version-jedh/app-map-bg.jpg")
}
.map-list{position:relative;margin-top:.48rem
}
.map-item{position:absolute;z-index:1;left:50%;-webkit-transform:scale(0.8);transform:scale(0.8);-webkit-transition:all .4s ease-out;transition:all .4s ease-out;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;opacity:0;width:6.56rem;margin-left:-3.28rem
}
.map-item.is-crt,.map-item.is-next,.map-item.is-prev{opacity:1
}
.map-item.is-crt{z-index:2;-webkit-transform:scale(1);transform:scale(1)
}
.map-item.is-crt .map-item__pic{width:5.64rem;height:3.17rem
}
.map-item.is-crt .map-info{opacity:1;pointer-events:auto
}
.map-item.is-prev,.map-item.is-next{-webkit-transform:scale(0.9);transform:scale(0.9);top:.08rem
}
.map-item.is-prev{margin-left:-8.7rem
}
.map-item.is-next{margin-left:2.16rem
}
.map-item__preview{padding:.02rem;border:.01rem solid #dfc08d;-webkit-box-shadow:0 0 .04rem #dfc08d;box-shadow:0 0 .04rem #dfc08d;margin-bottom:.2rem
}
.map-item__pic{width:4.48rem;height:2.52rem
}
.map-info{opacity:0;pointer-events:none;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
}
.map-info__title,.map-info__desc{width:5.52rem
}
.map-info__desc{font-size:.22rem;color:#b0ade5;padding:.1rem 0
}
.map-gift{background-color:#303b75;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:.1rem;min-width:5.52rem
}
.map-gift__title{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;font-size:.2rem;margin-bottom:.18rem
}
.map-gift__title::before,.map-gift__title::after{content:"";width:.9rem;height:.02rem;background-color:#d1cdff
}
.map-gift__title::before{margin-right:.16rem
}
.map-gift__title::after{margin-left:.16rem
}
.map-gift__list{display:-webkit-box;display:-ms-flexbox;display:flex
}
.map-gift__item{width:0.86rem;height:.86rem;background-color:#4e6198;border:.02rem solid #dfc08d;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 .1rem
}
.fm-bar{height:7.28rem;background-image:url("https://web-resource.17m3.com/m3guo/202206/version-jedh/app-fm-bg.jpg");display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center
}
.fm-bar::before{content:"";width:6.76rem;height:.58rem;background-image:url("https://web-resource.17m3.com/m3guo/202206/version-jedh/fm-desc.png");margin-bottom:.2rem
}
.fm-bd{width:7.2rem;height:4.9rem;background-image:url("https://web-resource.17m3.com/m3guo/202206/version-jedh/app-fm-bd.png");position:relative;margin-bottom:.2rem
}
.fm-day{position:absolute;color:#a93801;font-size:.25rem;left:2.22rem;top:3.3rem;width:.6rem;height:.56rem;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
}
.fm-btn{width:3.54rem;height:.68rem;text-indent:-999rem;background-image:url("https://web-resource.17m3.com/m3guo/202206/version-jedh/btn-unlock.png")
}
.invitation-bar{width:7.36rem;min-height:6.68rem;background-image:url("https://web-resource.17m3.com/m3guo/202206/version-jedh/app-invitation-bg.png")
}
.invitation-title{font:.36rem/1 'jinkai'
}
.invitation-gift__item{margin:0 .21rem;width:.88rem;height:.88rem
}
.invitation-share{margin-bottom:.25rem
}
.invitation-rule{margin-bottom:.2rem
}
.rule-bar{width:5.86rem;height:6.26rem;background-image:url("https://web-resource.17m3.com/m3guo/202206/version-jedh/app-rule-bg.png")
}
.rule-bar .d-hd{line-height:1;font-size:.51rem;padding:.4rem 0 .45rem
}
.rule-item{padding:0 .42rem .24rem;font-size:.22rem;display:-webkit-box;display:-ms-flexbox;display:flex
}
.rule-desc{width:584px
}
.hero-info{width:5.86rem;min-height:6.26rem;padding:.28rem .3rem .38rem;font-size:.22rem;background-image:url("https://web-resource.17m3.com/m3guo/202206/version-jedh/app-rule-bg.png")
}
.hero-info__title{color:#ffe589;font-size:.26rem
}
.hero-info__desc{color:#7690d1;margin-bottom:.26rem
}
.hero-info__name{color:#ffe589
}
.hero-info__gif{width:4.1rem;height:2.82rem
}
.video-bar{width:6.76rem;height:3.82rem;border:.02rem solid #dfc08d;-webkit-box-sizing:0 0 .04rem #dfc08d;box-sizing:0 0 .04rem #dfc08d
}
.video-iframe{width:6.72rem;height:3.78rem
}
}
@media screen and (min-width: 751px){
.topBar,#M3-footer{display:block
}
body{font:16px/1.6 '\5FAE\8F6F\96C5\9ED1'
}
.banner-bar,.container{width:100%;max-width:1920px;min-width:1080px;margin:0 auto
}
.banner-bar{position:relative;overflow:hidden;height:1098px;background:url("https://web-resource.17m3.com/m3guo/202206/version-jedh/banner-bg.jpg") no-repeat center top
}
.banner-logo{position:absolute;z-index:2;left:150px;top:36px;width:168px;height:128px;background:url("https://web-resource.17m3.com/m3guo/202206/version-jedh/logo.png") no-repeat 0 0;text-indent:-9999px
}
.banner-right{position:absolute;z-index:2;right:156px;top:40px;display:-webkit-box;display:-ms-flexbox;display:flex
}
.banner-enter,.banner-download{width:151px;height:31px;text-indent:-9999px
}
.banner-enter{margin-right:12px;background-image:url("https://web-resource.17m3.com/m3guo/202206/version-jedh/btn-enter.png")
}
.banner-download{background-image:url("https://web-resource.17m3.com/m3guo/202206/version-jedh/btn-download.png")
}
.banner-video{position:absolute;z-index:1;left:50%;top:0;width:1920px;margin-left:-960px;height:1098px
}
.hero-bar{position:relative;height:1777px;background:url("https://web-resource.17m3.com/m3guo/202206/version-jedh/hero-bg.jpg") no-repeat center top;padding-top:90px;overflow:hidden;margin-top:-18px
}
.hero-item{position:absolute;left:50%;background:no-repeat 0 0;-webkit-transition:all .3s ease-out;transition:all .3s ease-out
}
.hero-zy{z-index:1;top:65px;margin-left:-960px;width:1440px;height:1431px;background-image:url("https://web-resource.17m3.com/m3guo/202206/version-jedh/zy-person-crt.png")
}
.hero-zy .hero-point{width:650px;height:700px;left:200px;top:300px
}
.hero-zy .hero-video{left:589px;top:660px
}
.hero-zy .hero-name{left:449px;top:482px;background-image:url("https://web-resource.17m3.com/m3guo/202206/version-jedh/zy-name.png")
}
.hero-zy .hero-skill{left:376px;top:638px
}
.hero-xq{z-index:3;top:225px;margin-left:-150px;width:1113px;height:1242px;background-image:url("https://web-resource.17m3.com/m3guo/202206/version-jedh/xq-person-crt.png")
}
.hero-xq .hero-point{width:750px;height:800px;left:200px;top:80px
}
.hero-xq .hero-video{left:381px;top:470px
}
.hero-xq .hero-name{left:534px;top:272px;background-image:url("https://web-resource.17m3.com/m3guo/202206/version-jedh/xq-name.png")
}
.hero-xq .hero-skill{left:600px;top:432px
}
.hero-water{position:absolute;z-index:2;width:1756px;height:1198px;background:url("https://web-resource.17m3.com/m3guo/202206/version-jedh/hero-water.png") no-repeat 0 0;left:50%;top:870px;margin-left:-696px;-webkit-animation:aniWater 1.2s infinite ease-out;animation:aniWater 1.2s infinite ease-out
}
.hero-point{position:absolute
}
.hero-name{position:absolute;width:61px;height:246px;background:no-repeat 0 0;text-indent:-9999px
}
.hero-video{position:absolute;width:55px;height:55px;border-radius:50%;background-image:url("https://web-resource.17m3.com/m3guo/202206/version-jedh/btn-video.png");-webkit-animation:aniSkillShadow 1.4s infinite linear;animation:aniSkillShadow 1.4s infinite linear
}
.hero-video::before{position:absolute;content:"";left:50%;margin-left:-61px;top:62px;width:122px;height:24px;background:url("https://web-resource.17m3.com/m3guo/202206/version-jedh/btn-play-desc.png") no-repeat 0 0
}
.hero-skill{cursor:default
}
.hero-info{position:absolute;z-index:11;width:308px;padding:10px;font-size:14px;background-color:#1e1913;color:#7690d1;left:50%
}
.hero-info.is-zy{top:707px;margin-left:-522px
}
.hero-info.is-xq{top:660px;margin-left:138px
}
.hero-info__title{color:#ffe589;font-size:18px;margin-bottom:5px
}
.hero-info__name{color:#ffe589
}
.hero-info__desc{margin-bottom:14px
}
.hero-slider{height:436px;top:840px
}
.hero-invitation{position:absolute;z-index:10;text-indent:-9999px;left:50%;top:1390px;margin-left:-247px;width:494px;height:68px;background-image:url("https://web-resource.17m3.com/m3guo/202206/version-jedh/btn-invitation.png")
}
.user-bar{position:absolute;z-index:10;left:0;top:1340px;width:100%;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:24px
}
.user-link{font-size:24px;color:#fff
}
.map-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;height:871px;background:url("https://web-resource.17m3.com/m3guo/202206/version-jedh/map-bg.jpg") no-repeat center top
}
.map-bd{margin-top:40px;width:1260px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between
}
.map-item{position:relative;background:no-repeat 0 0
}
.map-item::before{position:absolute;padding:3px;left:-4px;top:-4px;content:"";width:100%;height:100%;-webkit-transition:all .5s ease-out;transition:all .5s ease-out;opacity:0;cursor:pointer
}
.map-item:hover::before{opacity:1;border:1px solid #c1a87e;-webkit-box-shadow:0 0 2px 1px rgba(193,169,127,0.6);box-shadow:0 0 2px 1px rgba(193,169,127,0.6)
}
.map-item__cq,.map-item__fj,.map-item__jd{width:412px;height:230px;margin-bottom:15px
}
.map-item__qm,.map-item__hs{width:622px;height:346px
}
.map-item__name{position:absolute;font-size:24px;font-family:'jinkai';left:14px;bottom:8px
}
.map-ft{position:absolute;width:1160px;bottom:-80px;left:50%;margin-left:-580px;font-size:20px;line-height:1.2
}
.map-preview{width:1010px;background-color:transparent;border:1px solid #dfc08d;padding:4px;margin-top:-110px
}
.map-preview__close{top:-2px;right:-56px;width:51px;height:51px;background-image:url("https://web-resource.17m3.com/m3guo/202206/version-jedh/btn-close.png");text-indent:-9999px
}
.map-preview__pic{width:1000px;height:562px
}
.map-preview__ft{background-color:#000;padding:10px 28px
}
.map-preview__title{font-size:20px;margin-bottom:10px;color:#d4d4d4;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center
}
.map-preview__name{font-size:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center
}
.map-preview__name::after{content:"";width:45px;height:1px;background-color:#d4d4d4;margin:0 8px
}
.map-preview__desc{font-size:15px
}
.map-preview__week{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:15px
}
.map-preview__week::before,.map-preview__week::after{content:"";width:132px;height:1px;background-color:#d1cdff;margin:0 16px
}
.map-preview__gift{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center
}
.map-preview__eq{width:65px;height:65px;border:2px solid #dfc08d;background-color:#4e6198;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 26px
}
.map-preview__btn{position:absolute;top:40%;width:72px;height:113px;text-indent:-9999px
}
.map-preview__btn.is-prev{left:-100px;background-image:url("https://web-resource.17m3.com/m3guo/202206/version-jedh/btn-prev.jpg")
}
.map-preview__btn.is-next{right:-100px;background-image:url("https://web-resource.17m3.com/m3guo/202206/version-jedh/btn-next.jpg")
}
.map-preview__bd{position:absolute;left:-1px;bottom:-120px;width:1010px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between
}
.map-preview__bd__item{position:relative;width:190px;border:1px solid #dfc08d
}
.map-preview__bd__pic{width:100%
}
.map-preview__bd__name{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);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:20px;-webkit-transition:all .4s ease-out;transition:all .4s ease-out;opacity:1
}
.map-preview__bd__name:hover,.map-preview__bd__name.is-crt{opacity:0
}
.map-item__cq{background-image:url("https://web-resource.17m3.com/m3guo/202206/version-jedh/map-item-cq.jpg")
}
.map-item__fj{background-image:url("https://web-resource.17m3.com/m3guo/202206/version-jedh/map-item-fj.jpg")
}
.map-item__jd{background-image:url("https://web-resource.17m3.com/m3guo/202206/version-jedh/map-item-jd.jpg")
}
.map-item__qm{background-image:url("https://web-resource.17m3.com/m3guo/202206/version-jedh/map-item-qm.jpg")
}
.map-item__hs{background-image:url("https://web-resource.17m3.com/m3guo/202206/version-jedh/map-item-hs.jpg")
}
.fm-bar{padding-top:370px;height:1353px;background:url("https://web-resource.17m3.com/m3guo/202206/version-jedh/fm-bg.jpg") no-repeat center top;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
}
.fm-bar::before{content:"";width:676px;height:58px;background:url("https://web-resource.17m3.com/m3guo/202206/version-jedh/fm-desc.png") no-repeat 0 0;margin-bottom:22px
}
.fm-bd{position:relative;width:1109px;height:534px;margin-bottom:46px;background:url("https://web-resource.17m3.com/m3guo/202206/version-jedh/fm-bd.png") no-repeat 0 0
}
.fm-day{position:absolute;color:#bb3d00;font-size:25px;left:460px;top:359px;width:60px;line-height:60px;text-align:center
}
.fm-btn{cursor:default;width:354px;height:68px;text-indent:-9999px;background-image:url("https://web-resource.17m3.com/m3guo/202206/version-jedh/btn-unlock.png")
}
.fm-code{position:absolute;z-index:2;left:4px;top:4px;opacity:0;-webkit-transition:all .3s ease-out;transition:all .3s ease-out
}
.fm-code.is-show{opacity:1
}
.video-bar{width:996px;height:562px;border:2px solid #dfc08d
}
.video-iframe{width:992px;height:558px
}
.invitation-bar{width:856px;height:668px;background-image:url("https://web-resource.17m3.com/m3guo/202206/version-jedh/rule-bg.png")
}
.invitation-title{font:.4rem/1 'jinkai'
}
.invitation-gift__item{margin:0 .26rem;width:.65rem;height:.65rem
}
.invitation-share{margin-bottom:.1rem
}
.rule-bar{width:856px;height:668px;background-image:url("https://web-resource.17m3.com/m3guo/202206/version-jedh/rule-bg.png")
}
.rule-bar .d-hd{line-height:1;font-size:50px;padding:65px 0 75px
}
.rule-bd{margin-bottom:100px
}
.rule-item{padding:0 120px 20px;font-size:20px;display:-webkit-box;display:-ms-flexbox;display:flex
}
.rule-desc{width:584px
}
@-webkit-keyframes aniWater{
0%,100%{opacity:.3
}
50%{opacity:1
}
}
@keyframes aniWater{
0%,100%{opacity:.3
}
50%{opacity:1
}
}
}

.slider-row{overflow:hidden
}
.slider-row__item{position:absolute;bottom:0
}
.slider-row__item.is-max{z-index:3
}