.loading-box{position:relative;width:1.46rem;height:1.46rem}.loading .loading-box .fade-item{position:absolute;top:0;left:0;width:1.46rem;height:1.46rem}.loading .loading-box .fade-item:before{content:"";display:block;margin:0 auto;width:3px;height:7px;background-color:#000;border-radius:3px;-webkit-border-radius:3px}.loading .loading-box .fade-item.dark:before{content:"";display:block;margin:0 auto;width:3px;height:7px;background-color:#fff;border-radius:3px;-webkit-border-radius:3px}.loading .loading-box .fade-item2{transform:rotate(45deg)}.loading .loading-box .fade-item3{transform:rotate(90deg)}.loading .loading-box .fade-item4{transform:rotate(135deg)}.loading .loading-box .fade-item5{transform:rotate(180deg)}.loading .loading-box .fade-item6{transform:rotate(225deg)}.loading .loading-box .fade-item7{transform:rotate(270deg)}.loading .loading-box .fade-item8{transform:rotate(315deg)}.loading .loading-box .fade-item:before{animation:fadeDelay .8s infinite ease-in-out both}.loading .loading-box .fade-item2:before{animation-delay:-.8s}.loading .loading-box .fade-item3:before{animation-delay:-.6s}.loading .loading-box .fade-item4:before{animation-delay:-.5s}.loading .loading-box .fade-item5:before{animation-delay:-.4s}.loading .loading-box .fade-item6:before{animation-delay:-.3s}.loading .loading-box .fade-item7:before{animation-delay:-.2s}.loading .loading-box .fade-item8:before{animation-delay:-.1s}@keyframes fadeDelay{0%,39%,to{opacity:.2}40%{opacity:1}}.content_wrap[data-v-e82d1143]{transform:translate3d(0,-25px,0)}.content_wrap_2[data-v-e82d1143]{transform:translate3d(0,-6px,0)}.content_wrap_3[data-v-e82d1143]{transform:translate3d(0,-86px,0)}.content_pc_wrap[data-v-e82d1143]{transform:translate3d(0,-45px,0)}.level-tag-mobile-1[data-v-e82d1143]{width:100%;height:.25rem;background-color:#f17c3d}.level-tag-mobile-2[data-v-e82d1143]{width:100%;height:.25rem;background-color:#64a8f9}.level-tag-mobile-3[data-v-e82d1143]{width:100%;height:.25rem;background-color:#6dbb9f}.level-tag-mobile-4[data-v-e82d1143]{width:100%;height:.25rem;background-color:#bebebe}.loading_wrap[data-v-e82d1143]{margin-top:25px}.loading_wrap_2[data-v-e82d1143]{margin-top:6px}.loading_wrap_3[data-v-e82d1143]{margin-top:86px}.loading_pc_wrap[data-v-e82d1143]{margin-top:45px}.slot__item[data-v-e82d1143]{transition:opacity .5s,transform .5s}.price_wrap[data-v-e82d1143]{z-index:999}.fast-area-pc[data-v-eb945409]{background:url(https://static.hapabox.com/battle-new/fast/fast-area-pc.png) no-repeat;background-size:100% 100%}.fast-area-h5[data-v-eb945409]{background:url(https://static.hapabox.com/battle-new/fast/fast-area-h5.png) no-repeat;background-size:100% 100%}.animate_wrap[data-v-a4bf83e8]{transition:width 1s linear}.half_circle[data-v-7e2c1ce9]{width:3rem;height:1.49rem;background-color:#4f00ff;line-height:2.8rem;border-radius:0 0 2.8rem 2.8rem}.progress[data-v-7e2c1ce9]{width:100%;height:.88rem;background:repeating-linear-gradient(135deg,#f03355 0 10px,#ffa516 0 20px) 0/0% no-repeat,repeating-linear-gradient(135deg,#ddd 0 10px,#eee 0 20px) 0/100%}.animate_wrap[data-v-a5c03435]{transition:width 1s linear}.n-modal[data-v-094185a4]{z-index:99;box-shadow:none;height:80vh}.half_circle[data-v-094185a4]{width:3rem;height:1.49rem;background-color:#4f00ff;line-height:2.8rem;border-radius:0 0 2.8rem 2.8rem}.animate_wrap[data-v-094185a4]{transition:width 1s linear}.animate_position_wrap[data-v-094185a4]{transition:left 1s linear}.animate_height[data-v-094185a4]{transition:height 1s linear}.animate_color[data-v-094185a4]{transition:color 1s linear}.progress[data-v-094185a4]{width:100%;height:.88rem;background:repeating-linear-gradient(135deg,#f03355 0 10px,#ffa516 0 20px) 0/0% no-repeat,repeating-linear-gradient(135deg,#ddd 0 10px,#eee 0 20px) 0/100%}@keyframes p3-094185a4{to{background-size:100%}}.n-modal[data-v-0a6d3852]{z-index:99;box-shadow:none}.close[data-v-0a6d3852]{position:relative;cursor:pointer}.close[data-v-0a6d3852]:before,.close[data-v-0a6d3852]:after{position:absolute;content:" ";background-color:#000;left:25px;width:1.5px;height:25px}.close[data-v-0a6d3852]:before{transform:rotate(45deg)}.close[data-v-0a6d3852]:after{transform:rotate(-45deg)}.n-modal[data-v-6e899c77]{z-index:99;box-shadow:none;height:80vh}.left_list[data-v-6e899c77],.right_list[data-v-6e899c77]{transition:all 4s ease}.left_list.collapsed[data-v-6e899c77]{transform:translate(500px);opacity:0}.right_list.collapsed[data-v-6e899c77]{transform:translate(-500px);opacity:0}.normal_img[data-v-6e899c77]{background:url(https://static.hapabox.com/battle-new/recycle_animate_loading.png) no-repeat;background-size:100%}.loading_img[data-v-6e899c77]{background:url(https://static.hapabox.com/battle-new/recycle_animate_loading.png) no-repeat;background-size:100%;animation:loading-6e899c77 .5s linear infinite}@keyframes loading-6e899c77{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.fade-enter-active[data-v-6e899c77],.fade-leave-active[data-v-6e899c77]{transition:opacity 4s ease}.fade-enter[data-v-6e899c77],.fade-leave-to[data-v-6e899c77]{opacity:0}.level-tag-mobile-1[data-v-6e899c77]{width:100%;height:.25rem;background-color:#fa0}.level-tag-mobile-2[data-v-6e899c77]{width:100%;height:.25rem;background-color:#d261ff}.level-tag-mobile-3[data-v-6e899c77]{width:100%;height:.25rem;background-color:#6187ff}.level-tag-mobile-4[data-v-6e899c77]{width:100%;height:.25rem;background-color:#8c8c8c}.fade-enter-active[data-v-b430a8b8],.fade-leave-active[data-v-b430a8b8]{transition:all .5s ease}.fade-enter-from[data-v-b430a8b8],.fade-leave-to[data-v-b430a8b8]{opacity:0}.slide-fade-enter-active[data-v-b430a8b8]{transition:all .6s cubic-bezier(.175,.885,.32,1.275)}.slide-fade-leave-active[data-v-b430a8b8]{transition:all .4s cubic-bezier(.6,-.28,.735,.045)}.slide-fade-enter-from[data-v-b430a8b8]{opacity:0;transform:translateY(-20px)}.slide-fade-leave-to[data-v-b430a8b8]{opacity:0;transform:translateY(20px)}.passage-item[data-v-b430a8b8]{transition:all .5s ease;transform-origin:center bottom}.passage-enter-active[data-v-b430a8b8]{transition:all .6s cubic-bezier(.175,.885,.32,1.275);transition-delay:calc(.1s * var(--index, 0))}.passage-enter-from[data-v-b430a8b8]{opacity:0;transform:translateY(30px) scale(.8)}.passage-leave-active[data-v-b430a8b8]{transition:all .4s ease}.passage-leave-to[data-v-b430a8b8]{opacity:0;transform:translateY(-20px)}.passage-item[data-v-b430a8b8]{perspective:1000px;transform-style:preserve-3d}.passage-enter-to[data-v-b430a8b8]{opacity:1;transform:translateY(0) scale(1) rotateX(0)}.passage-item[data-v-b430a8b8]{box-shadow:0 4px 12px #0000001a}*[data-v-b430a8b8]{will-change:transform,opacity}.level-tag-mobile-1[data-v-891e1bdd]{width:100%;height:.25rem;background-color:#f17c3d}.level-tag-mobile-2[data-v-891e1bdd]{width:100%;height:.25rem;background-color:#64a8f9}.level-tag-mobile-3[data-v-891e1bdd]{width:100%;height:.25rem;background-color:#6dbb9f}.level-tag-mobile-4[data-v-891e1bdd]{width:100%;height:.25rem;background-color:#bebebe}.invite-wrap[data-v-891e1bdd]{box-shadow:0 0 .36rem #0003}.modal-fade-enter-active[data-v-891e1bdd],.modal-fade-leave-active[data-v-891e1bdd]{transition:opacity .3s ease}.modal-fade-enter[data-v-891e1bdd],.modal-fade-leave-to[data-v-891e1bdd]{opacity:0}
