.nav-bar[data-v-e4d4c3a8]{width:282px;flex-shrink:0;margin-top:-70px;margin-right:24px;position:relative;height:0}@media screen and (min-height:800px){.nav-bar[data-v-e4d4c3a8]{position:sticky;top:24px}}.nav-bar .bg[data-v-e4d4c3a8]{box-shadow:0 2px 8px 0 rgba(0,0,0,.15);border-radius:10px;margin-bottom:16px;background:#fff}.nav-bar .nav-header[data-v-e4d4c3a8]{width:100%;height:302px;display:flex;flex-flow:column;align-items:center;padding:0 30px}.nav-bar .nav-header .user-icon[data-v-e4d4c3a8]{margin-top:24px;width:110px;border-radius:50%;height:110px;border:2px solid rgba(40,120,255,.49);-o-object-fit:cover;object-fit:cover}.nav-bar .nav-header .user-name[data-v-e4d4c3a8]{margin-top:16px;font-weight:600;font-size:20px;color:#1a1a1a}.nav-bar .nav-header .user-group[data-v-e4d4c3a8]{margin-top:16px;display:flex;align-items:center;justify-content:center;width:220px}.nav-bar .nav-header .user-group .group-name[data-v-e4d4c3a8]{font-weight:600;font-size:18px;color:#333;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-bar .nav-header .user-group .group-change[data-v-e4d4c3a8]{flex-shrink:0;height:20px;background:hsla(0,0%,84.7%,0);border-radius:4px;border:1px solid var(--primary-color);font-size:14px;color:var(--primary-color);line-height:10px;text-align:center;padding:4px 6px;margin-left:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.nav-bar .nav-header .user-group .group-change.hidden[data-v-e4d4c3a8]{display:none;pointer-events:none}.nav-bar .nav-header .user-setting[data-v-e4d4c3a8]{height:32px;border-radius:23px;border:1px solid #b5b5b5;font-weight:400;font-size:14px;color:#333;text-align:center;line-height:18px;padding:6px 24px;margin-top:30px;cursor:pointer;transition:all .1s linear}.nav-bar .nav-header .user-setting[data-v-e4d4c3a8]:hover{background:var(--primary-color);color:#fff;font-weight:700;border:1px solid var(--primary-color)}.nav-bar .nav-menu[data-v-e4d4c3a8]{width:100%;padding:16px 0 28px 0}.nav-bar .nav-menu .nav-item[data-v-e4d4c3a8]{width:100%;height:46px;font-size:16px;display:flex;align-items:center;color:#333;position:relative;filter:grayscale(1);padding-left:16px}.nav-bar .nav-menu .nav-item[data-v-e4d4c3a8]:hover{background:rgba(102,97,17,.0666666667)}.nav-bar .nav-menu .nav-item img[data-v-e4d4c3a8]{width:18px;height:18px;margin-right:12px}.nav-bar .nav-menu .nav-item[data-v-e4d4c3a8]:hover{text-decoration:none}.nav-bar .nav-menu .nav-item.select[data-v-e4d4c3a8]{color:var(--primary-color);filter:unset;font-weight:700}.nav-bar .nav-menu .nav-item.select[data-v-e4d4c3a8]:after{content:"";position:absolute;right:0;top:0;width:4px;height:100%;background:var(--primary-color);border-radius:10px}.container[data-v-e4d4c3a8]{display:flex;padding-top:140px}.container .child-container[data-v-e4d4c3a8]{flex:1}