@zhsz/cool-design-dv/es/packages/dv-list/style.css

/* BEM support Func
 -------------------------- */
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.my-dv-list table {
  width: 100%;
  border-collapse: collapse;
}
.my-dv-list td,
.my-dv-list th {
  padding: 8px 10px;
  text-align: left;
}
.my-dv-list__header {
  background: rgba(0, 186, 255, 0.4);
  color: rgba(255, 255, 255, 0.6);
}
.my-dv-list__header th {
  border-bottom: transparent !important;
}

.my-dv-list__body-wrapper {
  background: rgba(0, 59, 81, 0.6);
  color: rgba(255, 255, 255, 0.6);
}

.my-dv-list__body tr:nth-child(odd) {
  background: rgba(23, 96, 123, 0.2);
}
.my-dv-list__body tr:hover {
  background: rgba(0, 186, 255, 0.6);
}

.my-dv-list__empty {
  padding: 20px;
  text-align: center;
  color: rgba(255, 255, 255, 0.4);
}

.my-dv-list.is-border td,
.my-dv-list.is-border th {
  border: 1px solid rgba(0, 186, 255, 0.2);
}

.my-dv-list.is-radius .my-dv-list__header {
  border-radius: 4px 4px 0 0;
}

.my-dv-list.is-radius .my-dv-list__body-wrapper {
  border-radius: 0 0 4px 4px;
}

.my-dv-list.is-radius.is-no-header .my-dv-list__body-wrapper {
  border-radius: 4px 4px 4px 4px;
}

.my-dv-list.is-odd .my-marquee__copy-content tr:nth-child(odd) {
  background: transparent;
}
.my-dv-list.is-odd .my-marquee__copy-content tr:nth-child(even) {
  background: rgba(23, 96, 123, 0.2);
}

.my-dv-list.is-no-background .my-dv-list__body-wrapper {
  background: transparent;
}

.my-dv-list.is-no-background .my-dv-list__header {
  background: transparent;
}