.head{*zoom:1}.head:after,.head:before{content:"";display:table}.head:after{clear:both;overflow:hidden}.head .brand{float:left;cursor:pointer}.head .brand .logo{display:inline-block;height:40px;margin-top:5px;margin-right:5px;vertical-align:top}.head .brand .sys-name,.head .brand .title{display:inline-block;margin:0;font-size:16px;line-height:50px;text-align:center;font-weight:400;color:#fff}.head .brand .sys-name{color:#757993}.head .userinfo{float:right;padding-right:20px;line-height:50px;text-align:right;font-size:14px}.head .userinfo .head-menu{display:inline-block;color:#757993;text-decoration:none}.head .userinfo .head-menu .icon,.head .userinfo .head-menu .user-name{vertical-align:middle}.head .userinfo .split-line{display:inline-block;height:14px;width:1px;line-height:50px;vertical-align:middle;background-color:#757993;margin-left:8px;margin-right:8px}.head .userinfo .logo-out{cursor:pointer;margin-left:20px;color:#5e6177}.app-left-sider,.app-left-sider .menus-wrapper{height:100%}.app-left-sider .menus-wrapper .sidebar-scrollbar-wrap{overflow-x:hidden}.app-left-sider .menus-wrapper .el-menu{background:#fafafa}.app-left-sider .menus-wrapper .el-menu .el-menu-item:focus,.app-left-sider .menus-wrapper .el-menu .el-menu-item:hover{background:none!important}.app-left-sider .menus-wrapper .el-menu .el-menu-item{color:#333!important;padding:0 20px!important;font-weight:700;min-width:100px}.app-left-sider .menus-wrapper .el-menu .el-submenu .el-submenu__title{color:#333!important;font-weight:700}.app-left-sider .menus-wrapper .el-menu .el-submenu .el-menu-item{padding:0 10px 0 30px!important;color:#333!important;font-weight:400}.app-left-sider .menus-wrapper .el-menu .el-menu-item.is-active,.app-left-sider .menus-wrapper .el-menu .el-menu-item:hover{color:#ffa200;position:relative;display:inline-block}.app-left-sider .menus-wrapper .el-menu .el-menu-item.is-active:after,.app-left-sider .menus-wrapper .el-menu .el-menu-item:hover:after{content:"";position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:dashed;border-width:4px;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);right:-4px;top:50%;margin-top:-4px;border-right-width:0;border-left-color:#333;border-left-style:solid;right:-12px}.app-left-sider .menus-wrapper .el-menu .el-menu-item.is-active:before,.app-left-sider .menus-wrapper .el-menu .el-menu-item:hover:before{position:absolute;content:"";width:110px;height:38px;background-color:#e9eaf0;left:10px;top:4px;border-radius:4px}.app-left-sider .menus-wrapper .el-menu .el-menu-item.is-active span,.app-left-sider .menus-wrapper .el-menu .el-menu-item:hover span{position:relative;z-index:10}.app-left-sider .main-menus{position:fixed;z-index:9999;top:50px;bottom:0;left:0;width:140px;background-color:#222430;overflow:hidden;text-align:center}.app-left-sider .main-menus .top-logo{border-radius:50%;margin:20px auto 0 auto;overflow:hidden;height:70px;width:70px}.app-left-sider .main-menus .top-logo img{height:70px;width:70px}.app-left-sider .main-menus .bottom-logo{position:absolute;bottom:0;width:100%;height:50px;line-height:50px;color:#757993}.app-left-sider .main-menus .bottom-logo img{width:65%;opacity:.8;filter:alpha(opacity=80)}.app-left-sider .main-menus .main-menu-wrapper{position:absolute;top:90px;bottom:50px;width:100%;height:auto;padding-top:15px;padding-bottom:15px}.app-left-sider .main-menus .menu-item{padding:0 28px 0 20px;line-height:40px;height:40px;font-size:14px;cursor:pointer;text-align:left;color:#757993}.app-left-sider .main-menus .menu-item span{font-weight:700}.app-left-sider .main-menus .menu-item.active{color:#ffa200;position:relative}.app-left-sider .main-menus .menu-item.active:before{position:absolute;content:"";right:10px;top:10px;height:20px;width:4px;border-radius:3px;background-color:#ffa200}.app-left-sider .main-menus .menu-item .icon{display:inline-block;vertical-align:middle;margin-right:8px;font-size:16px;line-height:32px}.app-left-sider .main-menus .menu-item .menu-title{color:inherit;vertical-align:middle}.app-left-sider .main-menus .menu-item *{cursor:pointer}.app-left-sider .sub-menus{position:relative;display:block;z-index:10;width:140px;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:1;-webkit-transition-duration:.2s;transition-duration:.2s}.app-left-sider .sub-menus:before{content:"";width:1px;height:100%;position:absolute;right:0;top:0;background-color:#eee;z-index:999}.app-left-sider .sub-menus .brand{width:100%;height:50px;padding:0 15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;background:#fafafa}.app-left-sider.collapse .sub-menus{margin-left:-140px}.page{position:relative;width:100%;height:100%;margin:0 auto;padding-top:50px;padding-left:140px}.page .app-header{z-index:1111;position:fixed;top:0;left:0;width:100%;padding:0 20px;height:50px;overflow:hidden;color:#757993;background-color:#222430;border-bottom:1px solid rgb(29.7707317073,31.5219512195,42.0292682927);-webkit-box-shadow:0 8px 8px rgba(0,0,0,.0509803922);box-shadow:0 8px 8px rgba(0,0,0,.0509803922)}.page .app-left-sider{position:fixed;z-index:110;top:50px;bottom:0;left:140px;background:#fafafa}.page .main-container{padding:40px 0;-webkit-transition:all .28s ease-out;transition:all .28s ease-out;margin-left:160px;margin-right:20px}.page .app-left-sider.collapse~.main-container{margin-left:20px}