.bottom-navigation[data-v-ab5d0f6f]{position:fixed;bottom:0;left:0;right:0;display:flex;background:#fff;border-top:.267rem solid #e7e7e7;padding:2.133rem 0;z-index:200;height:10.667rem}.nav-item[data-v-ab5d0f6f]{flex:1;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .3s ease;position:relative}.nav-item.active[data-v-ab5d0f6f]{color:var(--color-primary)}.nav-item.active .nav-icon[data-v-ab5d0f6f]{border-radius:50%;transform:scale(1.1)}.nav-icon[data-v-ab5d0f6f]{width:5.333rem;height:5.333rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.067rem;transition:all .3s ease}.nav-icon-img[data-v-ab5d0f6f]{width:6.4rem;height:6.4rem;-o-object-fit:contain;object-fit:contain}.nav-label[data-v-ab5d0f6f]{font-size:3.2rem;font-weight:500;text-align:center}.hot-box[data-v-ab5d0f6f]{position:absolute;top:0;right:2.667rem;width:5.333rem;height:5.333rem;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:scale(.8)}.hot-box img[data-v-ab5d0f6f]{width:2.667rem;animation:seqFrames-ab5d0f6f .56s steps(1) infinite;background-position:50%;background-repeat:no-repeat;background-size:contain;display:inline-block;margin:0 auto}@keyframes seqFrames-ab5d0f6f{0%{background-image:var(--hot-1)}6.25%{background-image:var(--hot-2)}12.5%{background-image:var(--hot-3)}18.75%{background-image:var(--hot-4)}25%{background-image:var(--hot-5)}31.25%{background-image:var(--hot-6)}37.5%{background-image:var(--hot-7)}43.75%{background-image:var(--hot-8)}50%{background-image:var(--hot-1)}56.25%{background-image:var(--hot-2)}62.5%{background-image:var(--hot-3)}68.75%{background-image:var(--hot-4)}75%{background-image:var(--hot-5)}81.25%{background-image:var(--hot-6)}87.5%{background-image:var(--hot-7)}93.75%{background-image:var(--hot-8)}to{background-image:var(--hot-8)}}.hot-box .hot-text[data-v-ab5d0f6f]{font-size:2.667rem;color:red}@media(min-width:falsepx)and (min-height:640px){.bottom-navigation[data-v-ab5d0f6f]{bottom:0;border-top:0 solid #e7e7e7;z-index:200;height:0;left:50%;right:50%;padding:0}.nav-item[data-v-ab5d0f6f]{flex:1}.nav-icon[data-v-ab5d0f6f]{margin-bottom:0}.nav-icon[data-v-ab5d0f6f],.nav-icon-img[data-v-ab5d0f6f]{height:0;width:0}.nav-label[data-v-ab5d0f6f]{font-size:0;font-weight:500}.hot-box[data-v-ab5d0f6f]{top:0;height:0;right:0;width:0}.hot-box img[data-v-ab5d0f6f]{margin:0 auto;width:0}.hot-box .hot-text[data-v-ab5d0f6f]{font-size:0}}@media(max-width:falsepx)and (min-width:1920px)and (orientation:landscape),(min-width:falsepx)and (max-height:640px){.bottom-navigation[data-v-ab5d0f6f]{bottom:0;border-top:5.12px solid #e7e7e7;z-index:200;height:204.8px;left:calc(50% - 960px);right:calc(50% - 960px);padding:40.96px 0}.nav-item[data-v-ab5d0f6f]{flex:1}.nav-icon[data-v-ab5d0f6f]{height:102.4px;margin-bottom:20.48px;width:102.4px}.nav-icon-img[data-v-ab5d0f6f]{height:122.88px;width:122.88px}.nav-label[data-v-ab5d0f6f]{font-size:61.44px;font-weight:500}.hot-box[data-v-ab5d0f6f]{top:0;height:102.4px;right:51.2px;width:102.4px}.hot-box img[data-v-ab5d0f6f]{margin:0 auto;width:51.2px}.hot-box .hot-text[data-v-ab5d0f6f]{font-size:51.2px}}