@charset "UTF-8";
.ranks[data-v-0308088a] {
  width: 42.55208vw;
  height: 28.64583vw;
  border-radius: 0.20833vw;
  margin-top: 0.78125vw;
  background-color: #fff;
}
.ranks .ranks-header[data-v-0308088a] {
  height: 2.86458vw;
  padding: 0 1.04167vw;
  border-bottom: 1px solid #ebeef5;
}
.ranks .ranks-header[data-v-0308088a] .el-date-editor--daterange,
.ranks .ranks-header[data-v-0308088a] .el-input__wrapper {
  height: 1.5625vw;
}
.ranks .ranks-header .block-name[data-v-0308088a] {
  font-size: 0.72917vw;
  font-weight: 500;
  color: #333333;
  margin-right: 0.78125vw;
}
.ranks .ranks-header .drop-down[data-v-0308088a] {
  width: 8.33333vw;
  margin: 0 0.78125vw;
}
.ranks .ranks-header .date-time-range[data-v-0308088a] {
  margin-left: 0.78125vw;
}
.ranks .ranks-header .date-time-range[data-v-0308088a] .el-date-editor--daterange {
  width: 12.5vw;
}
.ranks .ranks-center[data-v-0308088a] {
  padding: 0.26042vw 1.04167vw 0;
}
.ranks .ranks-center[data-v-0308088a] .el-tabs__nav .el-tabs__item {
  min-width: 3.125vw;
  padding: 0;
  font-size: 0.67708vw;
  font-weight: 400;
  color: #999999;
  text-align: center;
  margin-right: 1.04167vw;
}
.ranks .ranks-center[data-v-0308088a] .el-tabs__nav .el-tabs__item:hover {
  color: #4585f3;
}
.ranks .ranks-center[data-v-0308088a] .el-tabs__nav .el-tabs__item.is-active {
  color: #4585f3;
}
.ranks .ranks-center[data-v-0308088a] .el-tabs__nav .el-tabs__active-bar {
  min-width: 3.125vw;
  background-color: #4585f3;
}
.ranks .ranks-center .tab-pane[data-v-0308088a] {
  height: 19.63542vw;
  overflow: auto;
}
.ranks .ranks-center .tab-pane .rank-index[data-v-0308088a] {
  width: 1.04167vw;
  height: 0.9375vw;
  line-height: 0.9375vw;
  text-align: center;
  font-size: 0.625vw;
  font-weight: 400;
  color: #999999;
}
.ranks .ranks-center .tab-pane .avatar[data-v-0308088a] {
  flex-shrink: 0;
  width: 1.04167vw;
  height: 1.04167vw;
}
.ranks .ranks-center .tab-pane .username[data-v-0308088a] {
  width: 9.375vw;
  margin-left: 0.26042vw;
  font-size: 0.67708vw;
  font-weight: 400;
  color: #666666;
  text-overflow: ellipsis;
  /* 溢出显示省略号 */
  overflow: hidden;
  /* 溢出隐藏 */
  white-space: nowrap;
  /* 强制不换行 */
}
.ranks .ranks-center .tab-pane .customer-count[data-v-0308088a] {
  margin-left: 1.04167vw;
  width: 18.75vw;
  height: 0.46875vw;
  margin-right: 0.52083vw;
}
.ranks .ranks-center .tab-pane .no-data[data-v-0308088a] {
  text-align: center;
  font-size: 0.9375vw;
  font-weight: 500;
  color: #999999;
}
.ranks .ranks-center .tab-pane .no-data img[data-v-0308088a] {
  width: 15.625vw;
  height: 13.54167vw;
  margin-bottom: 1.25vw;
}
[data-v-0308088a] .el-table .el-table__cell {
  padding: 0.52083vw 0;
}