.rc-tooltip {
  z-index: 2400;
  opacity: 1;
}

.rc-tooltip-inner {
  font-family: OPPOSans, Arial, Verdana, Helvetica Neue, Helvetica, PingFang SC, Microsoft YaHei, sans-serif;
  font-size: 12px;
  line-height: 18px;
  padding: 6px 12px;
  min-height: 0;
  max-width: 280px;
  background-color: rgba(20, 28, 40, 0.85);
  word-break: break-all;
  border-radius: 4px;
}

.rc-tooltip-placement-bottom .rc-tooltip-arrow,
.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow,
.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
  border-bottom-color: rgba(20, 28, 40, 0.85);
}

.rc-tooltip-placement-top .rc-tooltip-arrow,
.rc-tooltip-placement-topLeft .rc-tooltip-arrow,
.rc-tooltip-placement-topRight .rc-tooltip-arrow {
  border-top-color: rgba(20, 28, 40, 0.85);
}

.rc-tooltip-placement-left .rc-tooltip-arrow,
.rc-tooltip-placement-leftTop .rc-tooltip-arrow,
.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
  border-left-color: rgba(20, 28, 40, 0.85);
}

.rc-tooltip-placement-right .rc-tooltip-arrow,
.rc-tooltip-placement-rightTop .rc-tooltip-arrow,
.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
  border-right-color: rgba(20, 28, 40, 0.85);
}

.error-tooltip .rc-tooltip-inner {
  background-color: #ffffff;
  box-shadow: 0px 4px 12px 0px rgba(127, 145, 180, 0.2);
}

.error-tooltip.rc-tooltip-placement-bottom .rc-tooltip-arrow, .error-tooltip.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow, .error-tooltip.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
  border-bottom-color: #fff;
}

.error-tooltip.rc-tooltip-placement-top .rc-tooltip-arrow, .error-tooltip.rc-tooltip-placement-topLeft .rc-tooltip-arrow, .error-tooltip.rc-tooltip-placement-topRight .rc-tooltip-arrow {
  border-top-color: #fff;
}

.error-tooltip.rc-tooltip-placement-left .rc-tooltip-arrow, .error-tooltip.rc-tooltip-placement-leftTop .rc-tooltip-arrow, .error-tooltip.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
  border-left-color: #fff;
}

.error-tooltip.rc-tooltip-placement-right .rc-tooltip-arrow, .error-tooltip.rc-tooltip-placement-rightTop .rc-tooltip-arrow, .error-tooltip.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
  border-right-color: #fff;
}

.tita-common-fade-enter {
  opacity: 0;
}

.tita-common-fade-enter-active {
  opacity: 1;
  transition: opacity 0.5s ease;
}

.tita-common-fade-leave {
  opacity: 1;
}

.tita-common-fade-leave-active {
  opacity: 0;
  transition: opacity 0.5s ease;
}

.tita-common-fade-no-shadow {
  box-shadow: none;
  z-index: 999999 !important;
}
