/* text zoom */
.text-zoom-tip {
  display: none;
  position: absolute;
  padding: 8px;
  z-index: 1000;
  border: 1px solid #c7bf93;
  background-color: #fff9c9;
}
.text-zoom-tip .inner {
  min-width: 50px;
  max-width: 300px;
  height: 24px;
  line-height: 24px;
  font-weight: 700;
  color: #666;
  font-size: 16px;
  letter-spacing: 1px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-zoom-tip .inner:before,
.text-zoom-tip .inner:after {
  content: ' ';
  position: absolute;
  bottom: -16px;
  left: 15px;
  width: 0px;
  height: 0px;
  border: solid 8px transparent;
  border-top-color: #c7bf93;
  overflow: hidden;
}
.text-zoom-tip .inner:after {
  bottom: -15px;
  border-top-color: #fff9c9;
}
.text-zoom-tip.b .inner:before {
  top: -16px;
  bottom: auto;
  border: solid 8px transparent;
  border-bottom-color: #c7bf93;
}
.text-zoom-tip.b .inner:after {
  top: -15px;
  bottom: auto;
  border: solid 8px transparent;
  border-bottom-color: #fff9c9;
}
.text-zoom-tip.number {
  text-align: right;
}
.text-zoom-tip.code {
  text-align: center;
}