.navigation[data-v-fbb0e0f2]{align-items:stretch;background:#fff;border-bottom:1px solid #eef2f6;display:flex;height:48px}.navigation .nav_left[data-v-fbb0e0f2]{align-items:stretch;display:flex;height:100%;min-width:-moz-max-content;min-width:max-content}.navigation .navigation-item[data-v-fbb0e0f2]{align-items:center;color:#51606f;cursor:pointer;display:flex;font-size:16px;height:100%;justify-content:center;line-height:1;min-width:96px;padding:0 20px;position:relative;transition:color .2s ease,background-color .2s ease}.navigation .navigation-item[data-v-fbb0e0f2]:after{background:var(--h5-brand-blue);border-radius:2px;bottom:0;content:"";height:3px;left:50%;opacity:0;position:absolute;transform:translate(-50%) scaleX(0);transition:transform .2s ease,opacity .2s ease;width:30px}.navigation .navigation-item[data-v-fbb0e0f2]:hover{background:#059efc0f;color:var(--h5-brand-blue)}.navigation .navigation-item[data-v-fbb0e0f2]:hover:after{opacity:.4;transform:translate(-50%) scaleX(.6)}.navigation .navigation-item.active[data-v-fbb0e0f2]{color:var(--h5-brand-blue);font-weight:600}.navigation .navigation-item.active[data-v-fbb0e0f2]:after{height:4px;opacity:1;transform:translate(-50%) scaleX(1);width:32px}@media(max-width:768px){.navigation[data-v-fbb0e0f2]{border-radius:8px;height:auto;padding:4px}.navigation .navigation-item[data-v-fbb0e0f2]{border-radius:6px;font-size:calc(14px*var(--mobile-scale));height:32px;min-width:auto;padding:0 14px;white-space:nowrap}.navigation .navigation-item[data-v-fbb0e0f2]:hover{background:transparent}.navigation .navigation-item.active[data-v-fbb0e0f2]{background-color:#fff}}