.router {
 margin: 10px 5px;
}
.app-container {
 padding: 20px;
}

.filter-container {
 padding-bottom: 10px;

 .filter-item {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 10px;
  margin-right: 10px;
 }
}

.avatar-uploader .avatar {
 width: 178px;
 height: 178px;
 display: block;
}

.avatar-uploader .el-upload {
 border: 1px dashed #dcdfe6;
 border-radius: 6px;
 cursor: pointer;
 position: relative;
 overflow: hidden;
 transition: 0.2s;
}

.avatar-uploader .el-upload:hover {
 /* // border-color: var(--el-color-primary); */
}

.el-icon.avatar-uploader-icon {
 font-size: 28px;
 color: #8c939d;
 width: 178px;
 height: 178px;
 text-align: center;
}
