.head{*zoom:1}.head:after,.head:before{content:"";display:table}.head:after{clear:both;overflow:hidden}.head .brand{float:left}.head .brand .logo{display:inline-block;width:43px;height:41px;margin-top:18px;margin-right:10px;vertical-align:top}.head .brand .sys-name,.head .brand .title{display:inline-block;margin:0;font-size:22px;line-height:75px;text-align:center;font-weight:400;color:#333;cursor:pointer}.head .brand .sys-name{color:#333}.head .brand .breadcrumb{display:inline-block;padding-left:40px;position:relative}.head .brand .breadcrumb:after{content:"";left:15px;bottom:0;height:100%;width:1px;background-color:rgba(0,0,0,.2);position:absolute}.head .brand .breadcrumb span{position:relative}.head .brand .breadcrumb span.active:before{content:"";position:absolute;bottom:-24px;left:15%;width:70%;height:3px;background-color:#0075dc}.head .brand .breadcrumb em{cursor:default!important}.head .brand .breadcrumb a{cursor:pointer}.head .brand .breadcrumb a:hover{color:#0075dc}.head .brand .breadcrumb a,.head .brand .breadcrumb em{font-style:normal;margin:0 20px}.head .userinfo{float:right;padding-right:20px;line-height:75px;text-align:right;font-size:14px}.head .userinfo .head-menu{display:inline-block;color:#757993;text-decoration:none;margin-right:10px}.head .userinfo .head-menu .icon,.head .userinfo .head-menu .user-name{vertical-align:middle}.head .userinfo a{color:inherit}.head .userinfo .split-line{display:none;height:14px;width:1px;line-height:80px;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;min-width:100px}.app-left-sider .menus-wrapper .el-menu .el-menu-item span{display:block;text-align:center}.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:#0075dc!important}.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:128px;height:35px;background-color:#e9eaf0;left:16px;top:5px;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:80px;bottom:0;left:0;width:70px;background-color:#181818;height:100%;overflow:hidden;text-align:center;box-shadow:inset -15px -20px 20px #000}.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:120px;line-height:120px;color:#8c8c8c}.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:0;bottom:120px;width:100%;height:auto}.app-left-sider .main-menus .menu-item{padding:12px 20px 12px 20px;font-size:14px;cursor:pointer;text-align:center;color:#8c8c8c;position:relative;background-color:rgba(24,24,24,0);transition:.2s}.app-left-sider .main-menus .menu-item:before{content:"";position:absolute;width:60%;left:20%;bottom:0;height:1px;background-color:hsla(0,0%,100%,.08)}.app-left-sider .main-menus .menu-item.active:after{content:"";position:absolute;height:50%;top:25%;left:1px;width:1px;background-color:#0075dc}.app-left-sider .main-menus .menu-item:hover{background-color:hsla(0,0%,100%,.08)}.app-left-sider .main-menus .menu-item span{display:block;height:18px;overflow:hidden}.app-left-sider .main-menus .menu-item .icon{display:inline-block;margin:0 auto 3px auto;vertical-align:middle;font-size:20px;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 .main-menus .menu-item.active{color:#0075dc;position:relative}.app-left-sider .main-menus .menu-item.active .icon{color:#0075dc}.app-left-sider .sub-menus{position:relative;display:block;z-index:10;width:160px;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:1;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:13px;padding:0 15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;background:#fafafa}.app-left-sider.collapse .sub-menus{margin-left:-160px}.page{position:relative;width:100%;height:100%;margin:0 auto;padding-top:80px;padding-left:70px}.page .app-header{z-index:1111;position:fixed;top:0;left:0;width:100%;padding:0 15px;height:80px;overflow:hidden;color:#757993;background-color:#fff;border-top:5px solid #0075dc;border-bottom:1px solid #e6e6e9}.page .app-left-sider{position:fixed;z-index:110;top:80px;bottom:0;left:70px;background:#fafafa}.page .main-container{position:relative;transition:all .28s ease-out;margin-left:160px}.page .app-left-sider.collapse~.main-container{margin-left:0}.page .app-left-sider.collapse~.main-container .search-wrapper{padding-left:90px}.page .search-wrapper{border-bottom:1px solid #e6e6e9;position:fixed;display:table;z-index:9;top:80px;left:0;padding:20px 20px 20px 250px;width:100%;transition:.22s;background-color:#f2f2f6;overflow:hidden;*zoom:1}.page .search-wrapper:after,.page .search-wrapper:before{content:"";display:table}.page .search-wrapper:after{clear:both;overflow:hidden}.page .search-wrapper .right,.page .search-wrapper .u-form{display:table-cell;vertical-align:middle;max-width:100%}.page .search-wrapper .u-form{width:auto;overflow:hidden;zoom:1}.page .search-wrapper .right{padding-left:15px;text-align:right}.page .search-wrapper .el-form--inline .el-form-item{margin-bottom:0;margin-right:20px}