*{padding:0;margin:0}#app,#layout,.el-container,body,html{width:100%;height:100%}#layout,.el-container{overflow:hidden}li,ul{list-style:none}#sidebar{height:100%;display:flex;flex-direction:column}#sidebar,#sidebar .logo{width:140px;overflow:hidden}#sidebar .logo{height:60px;flex-shrink:0}#sidebar .logo img{width:140px;height:60px}#sidebar .menu{border-top:1px solid #f0f0f2;width:140px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;scrollbar-color:rgba(0,106,249,.3) #fff}#sidebar .menu .el-submenu__icon-arrow{right:inherit;left:110px}#sidebar .menu:hover{scrollbar-width:thin}#sidebar .menu:hover::-webkit-scrollbar{display:block}#sidebar .menu::-webkit-scrollbar{width:6px;height:6px;background:transparent;border-radius:10px;display:none}#sidebar .menu::-webkit-scrollbar-thumb{width:6px;background:rgba(0,106,249,.3);border-radius:10px;min-height:15px}#sidebar .menu::-webkit-scrollbar-thumb:hover{background:rgba(0,106,249,.5)}#sidebar .menu::-webkit-scrollbar-track{background-color:transparent}#sidebar .menu::-webkit-scrollbar-track-piece{background:transparent}#sidebar .menu::-webkit-scrollbar-button{display:none}#sidebar .menu>.el-menu{border:none;padding-bottom:30px}#sidebar .menu>.el-menu>.el-menu-item{display:flex;align-items:center;padding:0 10px 0 15px!important}#sidebar .menu>.el-menu>.el-menu-item>img{margin-right:5px}#sidebar .menu>.el-menu>.el-menu-item:focus{background-color:#fff}#sidebar .menu .el-submenu.is-active .el-submenu__title{color:#409eff}#sidebar .menu .el-submenu .el-submenu__title{padding:0 10px 0 15px!important}#sidebar .menu .el-submenu .el-submenu__title>img{margin-right:5px}#sidebar .menu .el-submenu .el-menu-item{padding:0 0 0 30px!important;min-width:140px;width:140px;overflow:hidden;box-sizing:border-box;height:40px;line-height:40px}#sidebar .menu .el-submenu .el-menu-item.is-active{background-color:rgba(0,106,249,.1)}#header{height:60px!important;width:100%;padding-right:60px;box-shadow:0 0 6px rgba(0,0,0,.03);box-sizing:border-box;display:flex;align-items:center;justify-content:flex-end}#header .default-avatar{width:36px;height:36px;margin-right:20px;border-radius:36px}#header .el-dropdown{cursor:pointer}#main{width:100%;height:100%;overflow-x:hidden;overflow-y:auto;background-color:#f6f6f6;position:relative}.changeInfo,.superManagement{border-radius:15px}.infoForm .el-form-item__content{line-height:normal}.infoForm .avatar-uploader .el-upload{border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.infoForm .avatar-uploader .el-upload:hover{border-color:#409eff}.infoForm .avatar-uploader-icon{font-size:28px;color:#8c939d;width:100px;height:100px;line-height:100px;text-align:center}.infoForm .avatar{width:100px;height:100px;display:block}.superManagementFrom .el-input__inner{width:260px}::-moz-selection{background:#409eff;color:#fff}::selection{background:#409eff;color:#fff}#layout #video{position:absolute;top:40px;right:40px;display:flex;z-index:2;align-items:center;cursor:pointer}#layout #video i{margin-right:5px}#layout #video span{font-size:14px}#layout #video-view .el-dialog{border-radius:10px}#layout #video-view .el-dialog__body{padding-top:0}#layout #video-view .el-dialog__body>img{margin-bottom:20px}#layout #video-view.dialog-fade-enter-active{-webkit-animation:bounceIn .3s;animation:bounceIn .3s}#layout #video-view.dialog-fade-leave-active{-webkit-animation:bounceOut .3s;animation:bounceOut .3s}.v-modal{opacity:.8}.readingLog .el-notification__icon{background-color:#66b1ff;padding:1px;border-radius:50%;font-size:14px;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.readingLog .el-notification__content{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#a2a2a2}.readingLog .el-notification__title{font-weight:400}.video-js .vjs-control:focus,.vjs-custom-skin>.video-js .vjs-big-play-button:focus,.vjs-custom-skin>.video-js .vjs-menu li:focus,.vjs-playback-rate>.vjs-menu-button:focus,.vjs-tech:focus{outline:none}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.5,.5,.5)}20%{transform:scale3d(1.3,1.3,1.3)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.1,1.1,1.1)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.5,.5,.5)}20%{transform:scale3d(1.3,1.3,1.3)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.1,1.1,1.1)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}@-webkit-keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}