.home{height:100%;overflow:hidden}.medium{width:250px}.tabs{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;height:60px;padding:5px 0}.tabs .el-tabs--card>.el-tabs__header{border:0}.tabs .el-tabs__header{margin-bottom:0;margin-top:8px}.tabs .el-tabs__nav{height:50px}.tabs .el-tabs__item{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);-ms-transform:translateY(-8px);-o-transform:translateY(-8px);transform:translateY(-8px)}.container{height:100%}.container .header{line-height:60px;background:#fff;color:#000;overflow:hidden;border-bottom:2px solid #fafafa}.container .header .logo{font-size:17px;line-height:58px}.container .header .logo img{display:inline-block;width:30px;height:30px;-webkit-border-radius:50%;border-radius:50%;vertical-align:middle;margin:-3px 15px 0 0}.container .header .logo-collapse-width{width:60px}.container .header .userinfo{text-align:right;padding-right:35px;float:right;white-space:nowrap}.container .header .userinfo .userinfo-inner{cursor:pointer;font-size:18px;color:#000;font-size:0;display:inline-block;vertical-align:middle}.container .header .userinfo .userinfo-inner span{vertical-align:middle;font-size:18px}.container .header .userinfo .userinfo-inner img{display:inline-block;width:40px;height:40px;-webkit-border-radius:50%;border-radius:50%;margin:0 0 5px 15px;vertical-align:middle}.container .body{height:100%;background:#fafafa;overflow:hidden}.container .body .aside{margin:30px 20px 30px 30px;padding-bottom:10px;overflow:hidden}.container .body .aside .el-menu{border-right:0!important;-webkit-border-top-right-radius:10px;border-top-right-radius:10px;-webkit-border-bottom-right-radius:10px;border-bottom-right-radius:10px;-webkit-box-shadow:0 0 12px #cac6c6;box-shadow:0 0 12px #cac6c6}.container .body .aside .menu{max-height:100%;overflow:auto;background-color:#fff;padding:10px 0}.container .body .aside .menu .el-menu-item{height:66px;line-height:66px}.container .body .aside .menu .el-menu-item:focus,.container .body .aside .menu .el-menu-item:hover{background-color:#fffbf3}.container .body .aside .menu img{display:inline-block;vertical-align:middle;width:28px;height:28px;margin-right:32px;width:21px;height:21px}.container .body .aside .menu span{vertical-align:middle}.container .body .main{padding:0;overflow:hidden;height:100%}.container .body .main .content-wrapper{margin:40px 40px 40px 0}.container .body .main .main-footer{color:#bababa;font-size:13px;text-align:center;height:30px;line-height:30px}.avatar-uploader .el-upload{border:1px dashed #d9d9d9;-webkit-border-radius:6px;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.avatar-uploader .el-upload:hover{border-color:#20a0ff}.avatar-uploader-icon{font-size:28px;color:#8c939d;width:178px;height:178px;line-height:178px;text-align:center;border:1px dashed grey}.avatar{width:178px;height:178px;display:block}.vue-cropper{height:500px!important;margin-bottom:10px}.red-point{display:inline-block;background:#e74c3c;width:2em;-webkit-border-radius:50%;border-radius:50%;font-size:.75em;line-height:2;margin-left:30px;color:#fff;text-align:center;animation:notificationpulse .5s infinite;-webkit-animation:notificationpulse .5s infinite;-moz-animation:notificationpulse .5s infinite;-o-animation:notificationpulse .5s infinite}.shortcut{margin-right:25px;cursor:pointer;font-size:14px}.badge-wrap{display:inline-block;height:60px;overflow:hidden;vertical-align:middle;cursor:pointer}.badge-wrap .el-icon-bell{font-size:24px}.badge{margin-right:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.badge sup{top:10px!important}.dropdown-item{width:390px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;text-align:left;line-height:1.5;color:#333}.dropdown-item.text-center{text-align:center}.dropdown-item.color-primary{color:#409eff}.dropdown-item.item{font-size:16px;padding:5px 0}.dropdown-item.none{color:#c0c4cc}@-o-keyframes notificationpulse{0%{box-shadow:0 0 0 0 #c0392b}25%{box-shadow:0 0 0 .25em #c0392b}50%{box-shadow:0 0 0 .5em #c0392b}75%{box-shadow:0 0 0 .25em #c0392b}to{box-shadow:0 0 0 .15em #c0392b}}@keyframes notificationpulse{0%{-webkit-box-shadow:0 0 0 0 #c0392b;box-shadow:0 0 0 0 #c0392b}25%{-webkit-box-shadow:0 0 0 .25em #c0392b;box-shadow:0 0 0 .25em #c0392b}50%{-webkit-box-shadow:0 0 0 .5em #c0392b;box-shadow:0 0 0 .5em #c0392b}75%{-webkit-box-shadow:0 0 0 .25em #c0392b;box-shadow:0 0 0 .25em #c0392b}to{-webkit-box-shadow:0 0 0 .15em #c0392b;box-shadow:0 0 0 .15em #c0392b}}@-webkit-keyframes notificationpulse{0%{-webkit-box-shadow:0 0 0 0 #c0392b;box-shadow:0 0 0 0 #c0392b}25%{-webkit-box-shadow:0 0 0 .25em #c0392b;box-shadow:0 0 0 .25em #c0392b}50%{-webkit-box-shadow:0 0 0 .5em #c0392b;box-shadow:0 0 0 .5em #c0392b}75%{-webkit-box-shadow:0 0 0 .25em #c0392b;box-shadow:0 0 0 .25em #c0392b}to{-webkit-box-shadow:0 0 0 .15em #c0392b;box-shadow:0 0 0 .15em #c0392b}}@-moz-keyframes notificationpulse{0%{box-shadow:0 0 0 0 #c0392b}25%{box-shadow:0 0 0 .25em #c0392b}50%{box-shadow:0 0 0 .5em #c0392b}75%{box-shadow:0 0 0 .25em #c0392b}to{box-shadow:0 0 0 .15em #c0392b}}@media screen and (max-width:1100px){.center-tabs,.userinfo-inner>span{display:none}}@media screen and (max-width:800px){.badge-wrap{display:none}}