.nav[data-v-02e86b42]{position:absolute;left:0;top:0;bottom:0;width:220px;-webkit-transition:width .5s;transition:width .5s;background:#212120}.nav.close[data-v-02e86b42]{width:65px}.header[data-v-2bee8be1]{position:absolute;left:0;top:0;right:0;height:60px;line-height:60px;-webkit-box-shadow:0 2px 4px 0 rgba(89,89,89,.3);box-shadow:0 2px 4px 0 rgba(89,89,89,.3);-webkit-transition:left .5s;transition:left .5s;background-color:#2f8ff3;background-size:1050px 40px;background-position:50%;background-repeat:no-repeat;position:relative;-webkit-transition:all .2s;transition:all .2s;margin-left:220px}.header.no-box-shadow[data-v-2bee8be1]{-webkit-box-shadow:none;box-shadow:none}.header .main-title[data-v-2bee8be1]{text-align:left;padding-left:30px;color:#fff}.header .main-title .system-name[data-v-2bee8be1]{font-size:21px;font-weight:700;text-align:center}.header .main-title .verson[data-v-2bee8be1]{font-size:12px;margin-left:6px}.header .header-right[data-v-2bee8be1]{position:absolute;right:0;top:0;height:60px;padding-right:30px}.header .header-right .login-out[data-v-2bee8be1],.header .header-right .theme[data-v-2bee8be1],.header .header-right .user[data-v-2bee8be1]{padding:0 15px}.header .header-right .theme[data-v-2bee8be1]{color:#fff}.header .header-right .theme .icon[data-v-2bee8be1]{width:19px;height:19px;margin-right:6px}.header .header-right .login-out[data-v-2bee8be1],.header .header-right .theme[data-v-2bee8be1],.header .header-right .user[data-v-2bee8be1]{cursor:pointer}.header .header-right .login-out .icon[data-v-2bee8be1],.header .header-right .theme .icon[data-v-2bee8be1],.header .header-right .user .icon[data-v-2bee8be1]{margin-right:6px;font-size:16px}.header .header-right .login-out .icon[data-v-2bee8be1],.header .header-right .login-out span[data-v-2bee8be1],.header .header-right .theme .icon[data-v-2bee8be1],.header .header-right .theme span[data-v-2bee8be1],.header .header-right .user .icon[data-v-2bee8be1],.header .header-right .user span[data-v-2bee8be1]{vertical-align:middle}.header .header-right .login-out[data-v-2bee8be1],.header .header-right .user[data-v-2bee8be1]{line-height:60px;color:#fff}.header .header-right .login-out .avatar[data-v-2bee8be1],.header .header-right .user .avatar[data-v-2bee8be1]{width:34px;height:34px;vertical-align:middle;margin-right:14px}.header .collapse[data-v-2bee8be1]{font-size:28px;line-height:60px;color:#333;margin-right:20px}.header.close[data-v-2bee8be1]{left:65px}.theme-item{padding:5px 0;border-bottom:1px solid #eee}.theme-item.last{border-bottom:none}.theme-item .theme-icon{width:14px;height:14px;border:2px solid #f2f2f2}.theme-item .theme-icon.normal{background:#2c77da}.theme-item .theme-icon.dark{background:#222}.theme-item .theme-name{margin-left:12px}.theme-item .theme-icon,.theme-item .theme-name{vertical-align:middle;display:inline-block}.layout[data-v-29f1eb6c]{height:100%;width:100%}.layout .wrap[data-v-29f1eb6c]{-webkit-transition:all .1s ease-out;transition:all .1s ease-out;position:absolute;top:60px;bottom:0;right:0;left:220px;border:20px solid #f4f3ef;-webkit-transition:left .5s;transition:left .5s}.layout .wrap.close[data-v-29f1eb6c]{left:65px}