.navbar .el-select .el-input{width:75px;background-color:rgba(149,163,182,.2)}.navbar .navbarcenter .el-input-group__prepend{background-color:#484e53;border:none;overflow:hidden}.navbar .el-input-group__append{cursor:pointer}.navbar .el-input-group__append>button{position:absolute;padding:12px 12px;top:10px;left:20px}.navbar .el-input-group__append:hover button{color:var(--color-high-text)}.navbar .el-button.is-disabled,.navbar .el-button.is-disabled:focus,.navbar .el-button.is-disabled:hover{cursor:pointer;background-image:none;background-color:#484e53;border-color:#484e53}.navbar{height:var(--margin-top);text-align:center;background-color:var(--color-nav);box-shadow:0 1px 2px rgba(0,0,0,.08);position:fixed;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;font-size:15px;color:#ddd}.navbarcenter,.navbarleft{height:100%;display:flex;align-items:center}.navbarleft{width:auto;padding-left:25px}.navbarcenter{flex:3;padding:0 8px}.navbarright{flex:5;padding-right:25px;height:100%;display:flex;align-items:center;justify-content:flex-end}.myfavicon,.navbarright>i{cursor:pointer}.myfavicon{height:var(--margin-top)}.myfavicon img{margin-top:3px;width:171px;height:48px;pointer-events:none}.baritem{color:#ddd;width:83px;height:var(--margin-top);line-height:var(--margin-top);cursor:pointer}.baritem span{padding:13px 13px;pointer-events:none;font-weight:900}.baritem:hover,.myfavicon:hover{background-color:hsla(0,0%,100%,.1)}.baritem_active span{color:#fff;border-bottom:3px solid var(--color-high-text)}.navbarright .navbarright_i{width:55px;line-height:var(--margin-top);height:var(--margin-top);font-size:20px}.navbarright .navbarright_i i{pointer-events:none}.navbarright .navbarright_i:hover,.navbarright .navbarright_span:hover{background-color:hsla(0,0%,100%,.1)}.navbarright .navbarright_span{width:88px;line-height:var(--margin-top);height:var(--margin-top);font-size:15px;cursor:pointer}.navbarright .navbarright_span span{padding:5px 16px;color:var(--color-high-text);border:1px solid var(--color-high-text);pointer-events:none}.navbarright_about,.navbarright_reglog,.navbarright_support{width:75px;line-height:var(--margin-top);height:var(--margin-top);cursor:pointer;color:#d3d8db}.navbarright_about span,.navbarright_reglog span,.navbarright_support span{pointer-events:none}.navbarright_about:hover,.navbarright_reglog:hover,.navbarright_support:hover{background-color:hsla(0,0%,100%,.1)}.navbarright_user{width:auto;line-height:var(--margin-top);height:var(--margin-top);display:flex;justify-content:flex-end;align-items:center;cursor:pointer;position:relative}.navbarright_user_name{flex:1;text-align:right;padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.navbarright_user_iconbox{width:39px;height:39px;line-height:39px;border-radius:50%;font-size:18px;background-color:#5a687a}.n_u_p_icon,.navbarright_user_icon{pointer-events:none}.navbarright_user_panel{position:absolute;top:56px;right:0;width:230px;height:410px;background-color:#fff;border-radius:5px;visibility:hidden;opacity:0;transform:translateY(-2%);transition:all .2s;box-shadow:0 1px 8px rgba(0,0,0,.22)}.n_u_p_v{opacity:1;visibility:visible;transform:translateY(0)}.navbar .navbarcenter .el-input__inner{background-color:#484e53;color:#fff;border:none}.el-input-group__append,.el-input-group__append button.el-button,.el-input-group__prepend div.el-select .el-input__inner{background-color:#484e53}.el-input-group__append{border:1px solid #484e53}.n_u_p_iconbox{width:66px;height:66px;line-height:66px;border-radius:50%;font-size:32px;background-color:#5a687a;margin:10px auto 0}.n_u_p_namebox{margin-top:2px;height:30px;display:flex;padding:0 20px}.n_u_p_name{display:inline-block;line-height:30px;margin:0 auto;color:#5a687a;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.n_u_p_stabox{float:left;color:#5a687a;display:inline;line-height:20px;margin-left:20px}.n_u_p_staicon{margin:2px;width:16px;height:16px;border-radius:5px;border:1px solid #a6abb1;line-height:16px;font-size:12px}.n_u_p_grid{height:20px}.n_u_p_btnlists{margin-top:10px;border-top:1px solid #e9ebec;border-bottom:1px solid #e9ebec;float:left;width:100%;height:calc(100% - 180px);background-color:#f3f0ed}.n_u_p_btnlists>div{line-height:38px;text-align:left;text-indent:20px;color:#6e7379;font-size:12px}.n_u_p_btnlists>div:hover{background-color:rgba(0,0,0,.1)}.n_u_p_closebox{position:absolute;left:0;width:100%;display:inline-block;line-height:35px;bottom:8px;text-align:left;text-indent:20px;color:#6e7379;font-size:13px}.n_u_p_closebox:hover{background-color:rgba(0,0,0,.1)}