.siderbar-wrapper{position:fixed;top:0;bottom:0;left:0;width:220px;z-index:11;background-color:#424f63;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.siderbar-wrapper .logo-wrapper{height:40px;line-height:40px;padding:16px 0;text-align:center;font-size:24px;color:#e67e22}.siderbar-wrapper .logo-wrapper span{position:relative;top:-10px}.siderbar-wrapper .menu-wrapper{position:absolute;top:72px;bottom:0;width:100%;border-right:none;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.siderbar-wrapper .menu-wrapper:not(.el-menu--collapse){overflow-y:auto;overflow-x:hidden}.siderbar-wrapper .menu-wrapper i{color:#fff}.siderbar-wrapper .menu-wrapper .menu-item.is-active,.siderbar-wrapper .menu-wrapper .menu-item:hover{background-color:#353f4f!important;color:#e67e22!important}.siderbar-wrapper .menu-wrapper .el-submenu__title:hover,.siderbar-wrapper .menu-wrapper .el-submenu__title:hover i,.siderbar-wrapper .menu-wrapper .menu-item.is-active i,.siderbar-wrapper .menu-wrapper .menu-item:hover i{color:#e67e22!important}.siderbar-wrapper .menu-wrapper .el-menu-item,.siderbar-wrapper .menu-wrapper .el-submenu{width:100%}.topbar-wrapper{position:fixed;left:220px;right:0;top:0;heihgt:48px;line-height:48px;padding:0 24px 0 0;background-color:#fff;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04);box-shadow:0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:12}.topbar-wrapper .menu-collapse-wrapper{height:100%;width:48px;text-align:center;cursor:pointer}.topbar-wrapper .menu-collapse-wrapper i{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.topbar-wrapper .title{height:100%;font-weight:700}.topbar-wrapper .menu-list .menu-item{position:relative;float:left;padding:0 15px;min-width:45px;height:48px;text-align:center;font-size:0}.topbar-wrapper .menu-list .menu-item:hover{cursor:pointer;background-color:#f5f5f5}.topbar-wrapper .menu-list .menu-item .icon{vertical-align:middle;font-size:24px}.topbar-wrapper .menu-list .menu-item .text{display:inline-block;vertical-align:middle;margin-left:4px;font-size:16px}.content-wrapper{position:fixed;left:220px;right:0;top:48px;bottom:0;padding:16px;overflow:auto;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.content-wrapper .content{position:relative;width:100%;height:100%}.layout img,.root{height:100%}.root{width:100%}article,aside,audio,body,canvas,caption,dd,div,dl,dt,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,input,label,legend,li,mark,menu,nav,ol,p,section,table,tbody,td,textarea,tfoot,th,thead,time,tr,ul,video{margin:0;padding:0}.c-red{color:red}.c-grey{color:#dedede}.echarts{width:600px;height:400px}