@charset "utf-8";

.tabbar[data-v-9718ad5d] { position: absolute; left: 0px; right: 0px; bottom: 0px; z-index: 1000; padding-bottom: var(--safe-bottom); background: linear-gradient(rgb(255, 255, 255), rgb(233, 242, 255)); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0.26667rem; pointer-events: none; height: var(--tabbar-height-tow) !important; }

.tabbar-list[data-v-9718ad5d] { position: relative; display: flex; align-items: center; justify-content: space-around; height: 100%; padding: 0px 0px 0.08rem; border-top-left-radius: 0.32rem; border-top-right-radius: 0.32rem; background-size: 100%; background-repeat: no-repeat; background-position: center top; pointer-events: auto; user-select: none; }

.tabbar-list .tab-slider-wrap[data-v-9718ad5d] { position: absolute; top: 0px; left: 0px; height: 100%; transition: transform 0.3s; z-index: 0; pointer-events: none; display: flex; justify-content: center; }

.tab-item[data-v-9718ad5d] { flex: 1 1 0%; display: flex; flex-direction: column; align-items: center; justify-content: center; color: var(--app-theme-6); font-size: 0.34667rem; line-height: 0.4rem; user-select: none; cursor: pointer; transition: color 0.18s; height: 1.33333rem; pointer-events: auto; position: relative; z-index: 1; }

.tab-item span[data-v-9718ad5d] { text-align: center; }

.icon-wrap[data-v-9718ad5d] { display: inline-flex; align-items: center; justify-content: center; transition: transform 0.18s; width: 0.64rem; height: 0.64rem; position: relative; }

.unread-num[data-v-9718ad5d] { position: absolute; top: -0.10667rem; left: 0.4rem; min-width: 0.42667rem; height: 0.37333rem; border-radius: 0.42667rem; background: rgb(255, 49, 46); color: rgb(255, 255, 255); font-size: 0.24rem; font-weight: 500; display: flex; align-items: center; justify-content: center; padding: 0px 0.08rem; white-space: nowrap; }

.unread-num.tu[data-v-9718ad5d] { max-width: 1.49333rem; overflow: hidden; text-overflow: ellipsis; }

.badge[data-v-9718ad5d] { padding: 0px; min-width: 0px; width: 0.24rem; height: 0.24rem; border-radius: 50%; top: 0px; right: 0px; left: auto; }

.tab-item.active[data-v-9718ad5d] { color: var(--app-tab-color); }

.tab-item.active .icon-wrap[data-v-9718ad5d] { transform: translateY(-0.05333rem) scale(1.08); }

.tab-item.active .icon-wrap[data-v-9718ad5d] > * { transform-origin: 50% 85%; }

@keyframes head-wobble-9718ad5d { 
  0% { transform: rotate(0deg); }
  15% { transform: rotate(12deg); }
  30% { transform: rotate(-12deg); }
  45% { transform: rotate(8deg); }
  60% { transform: rotate(-8deg); }
  75% { transform: rotate(3deg); }
  100% { transform: rotate(0deg); }
}

.app-container[data-v-81c07b75] { position: relative; width: 100%; height: 100%; overflow: hidden; }