.main-nav>ul[data-v-bf78d2c8]{background-color:green;bottom:0;left:0;overflow:auto;position:absolute;right:0;top:0}.main-nav>ul li[data-v-bf78d2c8]{font-size:0}.main-nav .main-item[data-v-bf78d2c8]{position:relative}.main-nav .main-item>.handle[data-v-bf78d2c8]{color:#252d3f;position:relative;z-index:2}.main-nav .main-item>.handle>a[data-v-bf78d2c8],.main-nav .main-item>.handle>span[data-v-bf78d2c8]{align-items:center;color:inherit;cursor:pointer;display:flex;height:36px;overflow:hidden;margin-bottom:4px;padding:8px;position:relative;text-align:center;text-decoration:none;transition:width .3s ease}.main-nav .main-item>.handle>a .arrow[data-v-bf78d2c8],.main-nav .main-item>.handle>a .icon[data-v-bf78d2c8],.main-nav .main-item>.handle>a .name[data-v-bf78d2c8],.main-nav .main-item>.handle>span .arrow[data-v-bf78d2c8],.main-nav .main-item>.handle>span .icon[data-v-bf78d2c8],.main-nav .main-item>.handle>span .name[data-v-bf78d2c8]{color:inherit;display:block;position:relative;z-index:2}.main-nav .main-item>.handle>a .icon[data-v-bf78d2c8],.main-nav .main-item>.handle>span .icon[data-v-bf78d2c8]{color:#4b556b;flex-shrink:0;font-size:1.3rem;height:24px;line-height:24px;margin:4px 4px 4px 8px;outline:none;text-align:center;width:24px}.main-nav .main-item>.handle>a .icon-alone[data-v-bf78d2c8],.main-nav .main-item>.handle>span .icon-alone[data-v-bf78d2c8]{padding:8px 16px;margin:-8px -16px}.main-nav .main-item>.handle>a .name[data-v-bf78d2c8],.main-nav .main-item>.handle>span .name[data-v-bf78d2c8]{font-size:1rem;line-height:24px;margin-left:4px;overflow:hidden;position:relative;text-align:left;text-overflow:ellipsis;transition:transform .3s ease;white-space:nowrap;width:64px}.main-nav .main-item>.handle>a .arrow[data-v-bf78d2c8],.main-nav .main-item>.handle>span .arrow[data-v-bf78d2c8]{color:rgba(37,45,63,.2);font-size:12px;line-height:16px;text-align:center;transition:all .3s cubic-bezier(.6,-.28,.735,.045);width:16px}.main-nav .main-item>.handle>a[data-v-bf78d2c8]:after,.main-nav .main-item>.handle>span[data-v-bf78d2c8]:after{background-color:#f0f3fa;border-radius:3px;content:"";height:100%;left:4px;opacity:0;position:absolute;top:0;right:4px;transform:translate3d(calc(-50% - 8px),0,0) skewY(5deg);transition:all .3s ease;z-index:0}.main-nav .main-item.active>.handle[data-v-bf78d2c8]{color:#fff}.main-nav .main-item.active>.handle .icon[data-v-bf78d2c8]{color:inherit}.main-nav .main-item.active>.handle .name[data-v-bf78d2c8]{font-weight:700}.main-nav .main-item.active>.handle .arrow[data-v-bf78d2c8]{color:hsla(0,0%,100%,.5);transform:translate3d(-4px,0,0)}.main-nav .main-item.active>.handle>a[data-v-bf78d2c8]:after,.main-nav .main-item.active>.handle>span[data-v-bf78d2c8]:after{background-color:#5a8bff;background-image:linear-gradient(to right bottom,#5a8bff,#2ec7c9);opacity:1;transform:translateZ(0)}.main-nav .main-item:not(.active).hover>.handle>a>.arrow[data-v-bf78d2c8],.main-nav .main-item:not(.active).hover>.handle>span>.arrow[data-v-bf78d2c8],.main-nav .main-item:not(.active):hover>.handle>a>.arrow[data-v-bf78d2c8],.main-nav .main-item:not(.active):hover>.handle>span>.arrow[data-v-bf78d2c8]{color:rgba(37,45,63,.7);transform:rotate(180deg)}.main-nav .main-item:not(.active).hover>.handle>a[data-v-bf78d2c8]:after,.main-nav .main-item:not(.active).hover>.handle>span[data-v-bf78d2c8]:after,.main-nav .main-item:not(.active):hover>.handle>a[data-v-bf78d2c8]:after,.main-nav .main-item:not(.active):hover>.handle>span[data-v-bf78d2c8]:after{background-color:#f0f3fa;opacity:1;transform:translateZ(0)}@media screen and (max-height:680px){.main-nav .main-item>.handle>a[data-v-bf78d2c8],.main-nav .main-item>.handle>span[data-v-bf78d2c8]{height:30px}}@media screen and (max-height:560px){.main-nav .main-item>.handle>a[data-v-bf78d2c8],.main-nav .main-item>.handle>span[data-v-bf78d2c8]{height:28px}}