.center-container {
  display: flex;
  justify-content: center;
  align-items: center;
  /* height: 100vh;  */
}
.cascader-custom .el-cascader-menu {
  white-space: nowrap;
  /* 防止选项换行 */
}
.cascader-custom .el-cascader-node {
  display: inline-block;
  /* 将选项显示为内联块元素 */
  margin-right: 10px;
  /* 设置选项之间的右边距，根据需要进行调整 */
}

/* 使用 CSS 来控制选中项的显示方式 */
.el-select /deep/ .el-tag.is-checked {
  /* display: block; 每个选中项单独一行显示
  margin-bottom: 5px; 可以根据需要调整间距 */

  display: inline !important;
  /* 强制选中项在同一行内显示 */
}
.studyDataStyle {
  color: white;
  padding: 0.5%;
  background-color: #8fa9ff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.titleColumnStyle {
  width: 95%;
  display: flex;
  justify-content: space-between;
}
.studyData-Minute-Style {
  flex: 1;
  text-align: center;
}
.minuteAndJoinNumber {
  font-size: 30px;
}
.contentStyle {
  font-size: 16px;
}
.spacingStyle {
  letter-spacing: 5px;
}
.totalJoinNumberStyle {
  flex: 1;
  border-left: 1px solid #fff;
  text-align: center;
}
.grid {
  width: 30px;
  right: 25px;
  height: 10px;
  bottom: 5px;
}
.demo-pagination-block {
  display: inline-block;
  position: relative;
}
.allTotal {
  position: absolute;
  left: -4em;
  top: 7px;
  color: #606266;
  font-size: 14px;
}
:deep .el-table__body-wrapper::-webkit-scrollbar {
  width: 10px !important;
  height: 10px !important;
}
:deep .el-table__body-wrapper::-webkit-scrollbar-thumb {
  background: #e5e5e5 !important;
}
:deep .el-table__body-wrapper::-webkit-scrollbar-track {
  background: #cccccc !important;
}
.checkbox-wrap .el-checkbox {
  height: 30px;
}