.top-navgator-container{position:relative;box-sizing:border-box;border-bottom:1px solid #f2f4f8;height:64px;width:100%;background-color:#fff;z-index:1}.top-navgator-container.fixed{position:absolute;top:0;left:0;z-index:1}.top-navgator-container .top-navgator-custom-style{position:relative;display:flex;margin:0 auto;width:1300px;height:64px;align-items:center}.top-navgator-container .top-navgator-custom-style .logo-svg-box{min-width:84px;height:28px;cursor:pointer}.top-navgator-container .top-navgator-custom-style .app-list-box{display:flex;width:448px;height:32px;margin-left:32px}.top-navgator-container .top-navgator-custom-style .app-list-box .app-item{width:112px;height:32px;line-height:32px;text-align:center;font-size:16px;color:#242e42;cursor:pointer}.top-navgator-container .top-navgator-custom-style .app-list-box .app-item .active{color:#096dd9}.top-navgator-container .top-navgator-custom-style .app-list-box .app-item .apps-box{position:relative}.top-navgator-container .top-navgator-custom-style .app-list-box .app-item .apps-box .name-icon-box{display:flex;align-items:center;justify-content:center}.top-navgator-container .top-navgator-custom-style .app-list-box .app-item .apps-box .name-icon-box>span{display:flex}.top-navgator-container .top-navgator-custom-style .app-list-box .app-item .apps-box .name-icon-box>.icon{margin-left:4px}.top-navgator-container .top-navgator-custom-style .app-list-box .app-item .apps-box .name-icon-box>.hover-icon{margin-left:4px;display:none}.top-navgator-container .top-navgator-custom-style .app-list-box .app-item .apps-box .name-icon-box>.expand{transform:rotate(180deg)}.top-navgator-container .top-navgator-custom-style .app-list-box .app-item .apps-box .expand-box{position:absolute;top:20px}.top-navgator-container .top-navgator-custom-style .app-list-box .app-item:hover{color:#2e8de6}.top-navgator-container .top-navgator-custom-style .app-list-box .app-item:hover .active{color:#2e8de6}.top-navgator-container .top-navgator-custom-style .app-list-box .app-item:hover .name-icon-box>.icon{display:none}.top-navgator-container .top-navgator-custom-style .app-list-box .app-item:hover .name-icon-box>.hover-icon{display:flex}.top-navgator-container .top-navgator-custom-style .app-list-box .app-item a{text-decoration:none;color:inherit}.top-navgator-container .top-navgator-custom-style .head-avatar{display:flex;position:absolute;right:0;top:0;height:64px;align-items:center;z-index:10}.top-navgator-container .top-navgator-custom-style .head-avatar .name-container{display:flex;align-items:center;height:36px;width:68px;border-radius:4px;justify-content:center}.top-navgator-container .top-navgator-custom-style .head-avatar .name-container .imgStyle{height:30px;width:30px;margin-right:8px;border-radius:15px;cursor:pointer}.top-navgator-container .top-navgator-custom-style .head-avatar .name-container .nameStyle{height:30px;width:30px;line-height:30px;background-color:#096dd9;border-radius:15px;color:#fff;text-align:center;margin-right:8px;cursor:pointer}.top-navgator-container .top-navgator-custom-style .head-avatar:hover .name-container{background-color:#f5f7fa}.top-navgator-container .top-navgator-custom-style .head-avatar:hover .headAvatarIcon{transform:rotate(180deg)}.top-navgator-container .top-navgator-custom-style .head-avatar:hover .user-info-container.four-show{height:240px}.top-navgator-container .top-navgator-custom-style .head-avatar:hover .user-info-container.three-show{height:204px}.top-navgator-container .top-navgator-custom-style .head-avatar:hover .user-info-container.two-show{height:168px}.top-navgator-container .top-navgator-custom-style .head-avatar .user-info-container{display:flex;flex-direction:column;position:absolute;padding:0;top:64px;right:0;width:204px;height:0;transition:height .3s;background-color:#fff;box-shadow:0 4px 20px rgba(0,0,0,.1);border-radius:4px;cursor:default;overflow:hidden}.top-navgator-container .top-navgator-custom-style .head-avatar .user-info-container .user-img-box{display:flex;padding:16px;box-sizing:border-box;height:80px;border-bottom:1px solid #f2f4f8;cursor:default}.top-navgator-container .top-navgator-custom-style .head-avatar .user-info-container .user-img-box .user-img-style{width:48px;height:48px;margin-right:16px;border-radius:24px;cursor:pointer}.top-navgator-container .top-navgator-custom-style .head-avatar .user-info-container .user-img-box .name-style{height:48px;width:48px;line-height:48px;background-color:#096dd9;border-radius:24px;color:#fff;text-align:center;font-size:24px;margin-right:16px;cursor:pointer}.top-navgator-container .top-navgator-custom-style .head-avatar .user-info-container .user-img-box .info-box{height:44px;font-size:14px}.top-navgator-container .top-navgator-custom-style .head-avatar .user-info-container .user-img-box .info-box .user-name{height:22px;line-height:22px;font-weight:500;color:#242e42;max-width:108px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-navgator-container .top-navgator-custom-style .head-avatar .user-info-container .user-img-box .info-box .user-ref{height:22px;line-height:22px;color:#79879c;max-width:108px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-navgator-container .top-navgator-custom-style .head-avatar .user-info-container .other-page{padding:8px;width:100%;box-sizing:border-box;cursor:pointer}.top-navgator-container .top-navgator-custom-style .head-avatar .user-info-container .other-page .page{padding:8px;width:100%;box-sizing:border-box;font-size:14px;line-height:20px;color:#36435c}.top-navgator-container .top-navgator-custom-style .head-avatar .user-info-container .other-page .page:hover{background-color:#f5f7fa}.top-navgator-container .top-navgator-custom-style .head-avatar .user-info-container .other-page .logout{color:#ec4d4d}.top-navgator-container .top-navgator-custom-style .unLogin{position:absolute;right:0;top:14px;display:flex;flex-direction:row;justify-content:center;align-items:center;width:112px;height:36px;background-color:#096dd9;color:#fff;font-size:14px;border-radius:20px;cursor:pointer}.top-navgator-container .expand-container{position:absolute;top:64px;left:0;height:132px;width:100%;background-color:#fff;box-shadow:0 3px 4px rgba(0,0,0,.04)}.top-navgator-container .expand-container .expand-box{display:flex;width:1300px;margin:0 auto;height:132px;align-items:center}.top-navgator-container .expand-container .expand-box .app-item{display:flex;height:56px;line-height:72px;padding:8px 0;text-align:center;min-width:250px;border-radius:4px;margin-right:24px;cursor:pointer}.top-navgator-container .expand-container .expand-box .app-item a{display:flex;text-decoration:none;color:inherit}.top-navgator-container .expand-container .expand-box .app-item .svgStlye{width:56px;height:56px;margin:0 16px}.top-navgator-container .expand-container .expand-box .app-item .appInfo{margin:0 16px}.top-navgator-container .expand-container .expand-box .app-item .appInfo .name{position:relative;display:flex;height:24px;line-height:24px;color:#242e42;font-size:16px;font-weight:500;margin-bottom:12px}.top-navgator-container .expand-container .expand-box .app-item .appInfo .name .verbox{position:absolute;left:50px;top:0;width:35px;height:14px}.top-navgator-container .expand-container .expand-box .app-item .appInfo .desc{height:20px;line-height:20px;color:#5f708a;font-size:14px}.top-navgator-container .expand-container .expand-box .app-item.active{background-color:#f5f7fa}.top-navgator-container .expand-container .expand-box .app-item:hover{background-color:#f5f7fa}