.header[data-v-17c04f03]{box-sizing:border-box;height:90px;justify-content:space-between;padding:20px 25px 20px 40px}.header[data-v-17c04f03],.header .title-wrap[data-v-17c04f03]{align-items:center;display:flex}.header .title-wrap .title[data-v-17c04f03]{color:#303133;font-size:24px}.header .title-wrap .title[data-v-17c04f03]:hover{color:#4176fc;cursor:pointer}.header .title-wrap .sub-title[data-v-17c04f03],.header .title-wrap .vertical-divider[data-v-17c04f03]{color:#656565;font-size:16px;margin-left:10px}.header .avatar-wrap[data-v-17c04f03]{margin-right:20px}.header .avatar-wrap .avatar[data-v-17c04f03]:hover{cursor:pointer}.body[data-v-17c04f03]{display:flex}.side-bar[data-v-17c04f03]{box-sizing:border-box;height:calc(100vh - 90px);padding:0 6px;width:240px}.side-bar .user-card[data-v-17c04f03]{align-items:center;background:linear-gradient(#4176fc47,#4176fc14);display:flex;justify-content:space-between;padding:16px}.side-bar .user-card .user-avatar[data-v-17c04f03]{width:64px}.side-bar .user-card .user-info[data-v-17c04f03]{display:flex;flex-direction:column}.side-bar .user-card .user-info .user-name[data-v-17c04f03]{color:#373737;font-size:16px}.side-bar .menu-list .menu-item[data-v-17c04f03]{align-items:center;display:flex;padding:16px 24px;text-decoration:none}.side-bar .menu-list .menu-item.active[data-v-17c04f03]{background-color:#4176fc}.side-bar .menu-list .menu-item.active .menu-icon[data-v-17c04f03],.side-bar .menu-list .menu-item.active .menu-title[data-v-17c04f03]{color:#fff}.side-bar .menu-list .menu-item.active[data-v-17c04f03]:hover{background-color:#4176fc}.side-bar .menu-list .menu-item[data-v-17c04f03]:hover{background-color:#4176fc33;cursor:pointer}.side-bar .menu-list .menu-item .menu-icon[data-v-17c04f03]{color:#303133}.side-bar .menu-list .menu-item .menu-title[data-v-17c04f03]{color:#606266;font-size:14px;margin-left:6px}