.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-fc9c4c24]{transform:translate3d(0,-25px,0)}.content_wrap_2[data-v-fc9c4c24]{transform:translate3d(0,-6px,0)}.content_wrap_3[data-v-fc9c4c24]{transform:translate3d(0,-86px,0)}.content_pc_wrap[data-v-fc9c4c24]{transform:translate3d(0,-45px,0)}.level-tag-mobile-1[data-v-fc9c4c24]{width:100%;height:.25rem;background-color:#f17c3d}.level-tag-mobile-2[data-v-fc9c4c24]{width:100%;height:.25rem;background-color:#64a8f9}.level-tag-mobile-3[data-v-fc9c4c24]{width:100%;height:.25rem;background-color:#6dbb9f}.level-tag-mobile-4[data-v-fc9c4c24]{width:100%;height:.25rem;background-color:#bebebe}.loading_wrap[data-v-fc9c4c24]{margin-top:25px}.loading_wrap_2[data-v-fc9c4c24]{margin-top:6px}.loading_wrap_3[data-v-fc9c4c24]{margin-top:86px}.loading_pc_wrap[data-v-fc9c4c24]{margin-top:45px}.slot__item[data-v-fc9c4c24]{transition:opacity .5s,transform .5s}.price_wrap[data-v-fc9c4c24]{z-index:999}.animate_wrap[data-v-a4bf83e8]{transition:width 1s linear}.half_circle[data-v-2d0034a5]{width:3rem;height:1.49rem;background-color:#4f00ff;line-height:2.8rem;border-radius:0 0 2.8rem 2.8rem}.progress[data-v-2d0034a5]{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-61811b42]{z-index:99;box-shadow:none;height:80vh}.half_circle[data-v-61811b42]{width:3rem;height:1.49rem;background-color:#4f00ff;line-height:2.8rem;border-radius:0 0 2.8rem 2.8rem}.animate_wrap[data-v-61811b42]{transition:width 1s linear}.animate_position_wrap[data-v-61811b42]{transition:left 1s linear}.animate_height[data-v-61811b42]{transition:height 1s linear}.animate_color[data-v-61811b42]{transition:color 1s linear}.progress[data-v-61811b42]{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-61811b42{to{background-size:100%}}.n-modal[data-v-1b025c7a]{z-index:99;box-shadow:none;height:80vh}.turn_wrap[data-v-1b025c7a]{width:24.38rem;height:23.38rem;background:url(https://static.hapabox.com/battle-new/turn_table_bg.png) 100%/100% no-repeat}.turn_wrap .board_wrap[data-v-1b025c7a]{width:17rem;height:17rem;background:url(https://static.hapabox.com/battle-new/turn_table_gift_bg_icon.png) 100%/100% no-repeat}.turn_wrap .board_wrap .prize-list[data-v-1b025c7a]{width:88%;height:88%;border-radius:50%;overflow:hidden;margin:6% auto 0}.turn_wrap .board_wrap .prize-item-fourth[data-v-1b025c7a]{position:absolute;left:0;right:0;top:-9.5rem;margin:auto}.turn_wrap .board_wrap .prize-item-fourth img[data-v-1b025c7a]{width:2.61rem;height:2.61rem;border-radius:50%;margin:11rem auto 0rem;display:block}.turn_wrap .board_wrap .prize-item-fourth p[data-v-1b025c7a]{color:#fff;font-size:12px;text-align:center;line-height:20px}.turn_wrap .board_wrap .prize-item[data-v-1b025c7a]{position:absolute;left:-1rem;right:0;top:-9.5rem;margin:auto}.turn_wrap .board_wrap .prize-item img[data-v-1b025c7a]{width:3.61rem;height:3.61rem;border-radius:50%;margin:10rem auto 0rem;display:block}.turn_wrap .board_wrap .prize-item p[data-v-1b025c7a]{color:#fff;font-size:12px;text-align:center;line-height:20px}.turn_wrap .board_wrap .prize-item-team[data-v-1b025c7a]{position:absolute;left:0;right:0;top:-9.5rem;margin:auto}.turn_wrap .board_wrap .prize-item-team img[data-v-1b025c7a]{width:2.61rem;height:2.61rem;border-radius:50%;margin:11rem auto 0rem;display:block}.turn_wrap .board_wrap .prize-item-team p[data-v-1b025c7a]{color:#fff;font-size:12px;text-align:center;line-height:20px}.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-c3af0d67]{z-index:99;box-shadow:none;height:80vh}.left_list[data-v-c3af0d67],.right_list[data-v-c3af0d67]{transition:all 4s ease}.left_list.collapsed[data-v-c3af0d67]{transform:translate(500px);opacity:0}.right_list.collapsed[data-v-c3af0d67]{transform:translate(-500px);opacity:0}.normal_img[data-v-c3af0d67]{background:url(https://static.hapabox.com/battle-new/recycle_animate_loading.png) no-repeat;background-size:100%}.loading_img[data-v-c3af0d67]{background:url(https://static.hapabox.com/battle-new/recycle_animate_loading.png) no-repeat;background-size:100%;animation:loading-c3af0d67 .5s linear infinite}@keyframes loading-c3af0d67{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.fade-enter-active[data-v-c3af0d67],.fade-leave-active[data-v-c3af0d67]{transition:opacity 4s ease}.fade-enter[data-v-c3af0d67],.fade-leave-to[data-v-c3af0d67]{opacity:0}.level-tag-mobile-1[data-v-c3af0d67]{width:100%;height:.25rem;background-color:#fa0}.level-tag-mobile-2[data-v-c3af0d67]{width:100%;height:.25rem;background-color:#d261ff}.level-tag-mobile-3[data-v-c3af0d67]{width:100%;height:.25rem;background-color:#6187ff}.level-tag-mobile-4[data-v-c3af0d67]{width:100%;height:.25rem;background-color:#8c8c8c}.level-tag-mobile-1[data-v-15e98420]{width:100%;height:.25rem;background-color:#f17c3d}.level-tag-mobile-2[data-v-15e98420]{width:100%;height:.25rem;background-color:#64a8f9}.level-tag-mobile-3[data-v-15e98420]{width:100%;height:.25rem;background-color:#6dbb9f}.level-tag-mobile-4[data-v-15e98420]{width:100%;height:.25rem;background-color:#bebebe}.invite-wrap[data-v-15e98420]{box-shadow:0 0 .36rem #0003}.modal-fade-enter-active[data-v-15e98420],.modal-fade-leave-active[data-v-15e98420]{transition:opacity .3s ease}.modal-fade-enter[data-v-15e98420],.modal-fade-leave-to[data-v-15e98420]{opacity:0}