.header{justify-content:space-between;position:fixed;top:0;left:0;z-index:10000;box-sizing:border-box;width:100%;font-size:20px;color:#fff;background-color:rgba(0,0,0,.3)}.header,.logo-panel{display:flex;flex-direction:row;align-items:center}.logo-panel{justify-content:center;border-radius:10px}.logo-panel-img,.logo-panel-text{display:flex;flex-direction:row;justify-content:center}.logo-panel-text{font-weight:700}.open-menu-button{color:#fff;font-size:20px;background-color:transparent;border-style:none;padding:10px;border-radius:10px;display:none}.open-menu-button:hover{transition:all .5s ease-in-out 0s;background-color:#7e7e7e}.menu-bar{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-right:30px}.menu-bar-item{font-size:20px;background-color:transparent;border-style:none;color:#fff;padding:5px;margin-right:10px;cursor:pointer}.menu-bar-item:hover{transition:all .5s ease-in-out 0s;background-color:#7e7e7e;border-radius:5px}.menu-bar-multiitem{display:flex;flex-direction:row;align-items:center;font-size:20px;padding:5px;margin-right:10px}.menu-bar-multiitem:hover .menu-bar-submenu{width:240px}.menu-bar-submenu{display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:20px;overflow:hidden;width:0;transition:all .5s ease-in-out 0s}.menu-bar-submenu-item{font-weight:lighter;font-size:20px;background-color:transparent;border-style:none;color:#fff;padding:5px;margin-left:5px;white-space:nowrap;cursor:pointer}.menu-bar-submenu-item:hover{transition:all .5s ease-in-out 0s;background-color:#a1a1a1;border-radius:5px}@media screen and (max-width:768px){.header{display:flex;justify-content:center;align-items:center}.header,.logo-panel,.menu-bar{flex-direction:column}.menu-bar{display:flex;overflow:hidden;height:0;margin-right:0}.open-menu-button{display:block}.menu-bar-item,.menu-bar-multiitem{margin-right:0}}.header-right{float:right;padding-right:50px}.header-user-con{display:flex;height:70px;align-items:center}.user-name{margin-left:10px}.user-avator{margin-left:20px}.user-avator img{display:block;width:40px;height:40px;border-radius:50%}.el-dropdown-link{color:#fff;cursor:pointer}.el-dropdown-menu__item,.menubar{text-align:center}.menubar{background-color:#409eff;align-items:center}.el-menu{border:0!important}.logo-img{float:left;margin-left:30px;margin-top:2.5px}.el-menu--horizontal>.el-submenu.is-active .el-submenu__title{border-bottom:2px solid #409eff;color:#fff}.el-menu-item:hover{outline:0!important;color:#409eff!important;background:none!important}.el-menu--horizontal>.el-submenu.is-active .el-submenu__title{color:#409eff!important;border-bottom-color:transparent!important}.el-menu--horizontal:focus,.el-menu--horizontal:hover,.el-submenu__title:focus,.el-submenu__title a:hover{outline:0!important;color:#fff!important;background:none!important}.el-menu-item a:hover{background:none}.el-menu--popup-bottom-start{margin-top:-2px}.el-menu--popup{background:none!important;padding:0 0;min-width:120px!important;line-height:40px!important;box-shadow:0 4px 8px 0 rgba(25,14,109,.13);border-radius:5px}.el-menu--horizontal .el-menu{background:none}.el-menu--horizontal .el-menu .el-menu-item,.el-menu--horizontal .el-menu .el-submenu__title{background-color:hsla(0,0%,100%,.6);float:none;height:36px;line-height:36px;padding:0 22px;color:#fff!important;z-index:100;font-weight:500}.el-menu--popup-bottom-start .el-menu-item:hover{color:#409eff!important}.el-menu--popup-bottom-start .el-menu-item{background:rgba(0,0,0,.3)!important}.el-menu--horizontal>.el-submenu .el-submenu__title{height:70px!important;line-height:60px;border-bottom:2px solid transparent;color:#909399;font-size:18px!important}.el-menu--horizontal>.el-menu-item{float:left;height:70px;line-height:60px;margin:0;border-bottom:2px solid transparent;font-size:18px}.el-menu--horizontal>.el-menu-item:not(.is-disabled):focus,.el-menu--horizontal>.el-menu-item:not(.is-disabled):hover,.el-menu--horizontal>.el-submenu .el-submenu__title:hover{background:none!important}.el-submenu__title i{color:#fff}.el-submenu__title .el-menu-item li{display:table-cell;text-align:center;vertical-align:middle;background-color:#409eff!important}.footer{display:flex;flex-direction:row;justify-content:space-between;background-color:#000;padding:20px}.footer-idea{color:#fff;padding-top:50px;margin-left:50px}.footer-visitor{color:#fff;margin-right:50px}.home{display:flex;flex-direction:column;justify-content:space-between;height:100%}