.pages[data-v-227a18d0]{width:10rem;height:100%;overflow:hidden}.bg_wrap[data-v-227a18d0]{width:100%;height:100%;position:absolute;z-index:1;animation:fadeOut-227a18d0 3s ease 1 both;overflow:hidden}@keyframes fadeOut-227a18d0{0%{opacity:1}to{opacity:0}}.bg_gif[data-v-227a18d0]{width:100%;height:100%}.main[data-v-227a18d0]{width:10rem;height:100%;position:absolute;overflow:hidden;animation:fadeIn-227a18d0 1.5s ease .5s 1 normal both running}@keyframes fadeIn-227a18d0{0%{opacity:0;transform-origin:50% 50%;transform:scale(2)}to{opacity:1;transform-origin:50% 50%;transform:scale(1)}}.front[data-v-227a18d0]{position:absolute;width:100%;height:100%;left:0;bottom:0;box-sizing:border-box;background-image:linear-gradient(180deg,rgba(0,0,0,.054901960784313725),rgba(0,0,0,.21176470588235294));z-index:3;text-align:center;overflow:hidden}.logo[data-v-227a18d0]{width:8.8rem;margin-top:1.33333rem;animation:titleFadeIn-227a18d0 1.5s ease 1.5s 1 normal both running}.title[data-v-227a18d0]{width:8rem;animation:titleFadeIn-227a18d0 1.5s ease 2s 1 normal both running}@keyframes titleFadeIn-227a18d0{0%{opacity:0;transform-origin:50% 50%;transform:scale(1)}to{opacity:1;transform-origin:50% 50%;transform:scale(.8)}}.row1[data-v-227a18d0],.row2[data-v-227a18d0]{display:flex;justify-content:space-between;align-content:center}.flex_1[data-v-227a18d0]{flex:1}.pb2[data-v-227a18d0]{padding-bottom:6.66667rem;justify-content:space-around}.hangmu[data-v-227a18d0]{width:13.33333rem;position:absolute;z-index:2;animation:move-227a18d0 3s linear both;left:-5.33333rem;top:4rem;transform:rotateY(30deg);overflow:hidden}@keyframes move-227a18d0{0%{scale:.2}to{scale:1;left:-.66667rem;top:5.6rem}}.quzhujian[data-v-227a18d0]{width:2.66667rem;position:absolute;z-index:2;animation:move2-227a18d0 3s linear both;left:1.33333rem;top:4.66667rem;transform:rotateY(15deg)}@keyframes move2-227a18d0{0%{scale:2}to{scale:3;left:3.2rem;top:6rem}}.hm[data-v-227a18d0]{width:10rem;position:absolute;bottom:0;z-index:2;animation:movehm-227a18d0 3s linear both}@keyframes movehm-227a18d0{0%{right:-10rem}to{right:0}}.btns[data-v-227a18d0]{position:absolute;bottom:0}.btns button[data-v-227a18d0]{background-color:unset;color:#fff;text-transform:uppercase;letter-spacing:.05333rem;line-height:.64rem;font-size:.45333rem;width:1.84rem;padding:.26667rem .26667rem;border:unset;border-radius:unset;cursor:pointer;transform:translateY(.12rem);color:#63fdff;font-weight:700}.btns button[data-v-227a18d0]:first-child{position:absolute;left:.4rem;animation:button_up-227a18d0 .5s ease-in 2.5s both}.btns button[data-v-227a18d0]:nth-child(2){position:absolute;left:2.24rem;animation:button_up2-227a18d0 .5s ease-in 4.5s both}.btns button[data-v-227a18d0]:nth-child(3){position:absolute;left:4.08rem;animation:button_up-227a18d0 .5s ease-in 3s both}.btns button[data-v-227a18d0]:nth-child(4){position:absolute;left:5.92rem;animation:button_up2-227a18d0 .5s ease-in 4s both}.btns button[data-v-227a18d0]:nth-child(5){position:absolute;left:7.76rem;animation:button_up-227a18d0 .5s ease-in 3.5s both}@keyframes button_up-227a18d0{0%{transform:translateY(2.66667rem)}to{transform:translateY(-5.84rem)}}@keyframes button_up2-227a18d0{0%{transform:translateY(4.50667rem)}to{transform:translateY(-4rem)}}.btns .clickBtn[data-v-227a18d0]{background-color:transparent;position:relative;overflow:hidden;transition:.5s}.btns .clickBtn span[data-v-227a18d0]:first-child{position:absolute;width:100%;height:.08rem;top:0;left:-100%;background-color:#63fdff;animation:sp1-227a18d0 3s linear infinite alternate-reverse}@keyframes sp1-227a18d0{0%{left:-100%}to{left:100%}}.btns .clickBtn span[data-v-227a18d0]:nth-child(2){position:absolute;width:100%;height:.08rem;bottom:0;right:-100%;background-color:#63fdff;animation:sp2-227a18d0 3s linear infinite alternate-reverse}@keyframes sp2-227a18d0{0%{right:-100%}to{right:100%}}.btns .clickBtn span[data-v-227a18d0]:nth-child(3){position:absolute;height:100%;width:.08rem;top:-.53333rem;left:0;background:#63fdff;animation:sp3-227a18d0 3s linear infinite alternate-reverse}@keyframes sp3-227a18d0{0%{top:-100%}to{top:100%}}.btns .clickBtn span[data-v-227a18d0]:nth-child(4){position:absolute;height:100%;width:.08rem;bottom:-.53333rem;right:0;background-color:#63fdff;animation:sp4-227a18d0 3s linear infinite alternate-reverse}@keyframes sp4-227a18d0{0%{bottom:-100%}to{bottom:100%}}.btns .clickBtn[data-v-227a18d0]:hover{letter-spacing:.06667rem;background-color:#63fdff;color:#fff;box-shadow:0 0 1.33333rem .04rem #63fdff}