.cube-icon-container {
  display: inline-block;
  font-size: 1px;
  line-height: 1px;
  position: relative;
  vertical-align: text-bottom;
}
.cube-icon-symbol-container {
  display: inline-block;
  vertical-align: text-bottom;
}
.cube-icon-symbol {
  width: 1rem;
  height: 1rem;
  cursor: pointer;
  vertical-align: text-bottom;
  overflow: hidden;
  fill: currentColor;
  color: #23262e;
}
.font-size-100 .cube-icon-symbol {
  width: 0.16rem;
  height: 0.16rem;
}
.cube-icon-image {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
  line-height: 1;
  cursor: pointer;
  vertical-align: text-bottom;
  overflow: hidden;
  fill: currentColor;
}
.cube-icon-image img {
  width: 100%;
  height: 100%;
}
.cube-icon-image .cube-icon-image-custom {
  width: 100%;
  height: 100%;
}
.cube-icon-png.cube-icon-png {
  background: #23262e;
}
.font-size-100 .cube-icon-image {
  width: 0.16rem;
  height: 0.16rem;
  font-size: 0.16rem;
  line-height: 0.16rem;
}
.cube-icon-font {
  font-size: 1rem;
  line-height: 1;
  cursor: pointer;
  vertical-align: text-bottom;
  fill: currentColor;
  overflow: hidden;
  color: #23262e;
  display: inline-block;
}
.font-size-100 .cube-icon-font {
  font-size: 0.16rem;
  line-height: 0.16rem;
}