/*
 * @Author: 天吾
 * @Date: 2019-01-23 16:29:55
 * @Last Modified by: lijianzhang
 * @Last Modified time: 2019-01-23 17:55:03
 */
/*
    size 统一用  sm base lg  表示,  对于不能满足的情况, 仿照衣服尺寸加上 x(EXTRA) 比如  font-size-xlg 表示特大
*/
.gd-fade-enter {
  opacity: 0;
}
.gd-fade-enter-active {
  transition: opacity 0.3s ease;
}
.gd-fade-leave-active {
  transition: opacity 0.3s ease;
}
.gd-fade-leave-to {
  opacity: 0;
}
.gd-tooltip {
  font-size: 12px;
  position: relative;
}
.gd-tooltip__content {
  color: #fff;
  padding: 6px;
  background: #4C4E4F;
  border-radius: 2px;
}
.gd-tooltip .gd-tooltip__arrow {
  border-width: 4px;
  box-sizing: border-box;
  position: absolute;
  width: 8px;
  height: 8px;
  border-color: #4C4E4F;
  border-style: solid;
  border-radius: 2px;
  transform: rotate(45deg);
}
.gd-tooltip[x-placement^="top"] {
  padding-bottom: 8px;
}
.gd-tooltip[x-placement^="top"] .gd-tooltip__arrow {
  bottom: 4px;
  border-top-color: transparent;
  border-left-color: transparent;
}
.gd-tooltip[x-placement="top"] .gd-tooltip__arrow,
.gd-tooltip[x-placement="bottom"] .gd-tooltip__arrow {
  left: 50%;
  margin-left: -5px;
}
.gd-tooltip[x-placement="top-start"] .gd-tooltip__arrow,
.gd-tooltip[x-placement="bottom-start"] .gd-tooltip__arrow {
  left: 16px;
}
.gd-tooltip[x-placement="top-end"] .gd-tooltip__arrow,
.gd-tooltip[x-placement="bottom-end"] .gd-tooltip__arrow {
  right: 16px;
}
.gd-tooltip[x-placement^="bottom"] {
  padding-top: 8px;
}
.gd-tooltip[x-placement^="bottom"] .gd-tooltip__arrow {
  top: 4px;
  border-right-color: transparent;
  border-bottom-color: transparent;
}
.gd-tooltip[x-placement^="right"] {
  padding-left: 8px;
}
.gd-tooltip[x-placement^="right"] .gd-tooltip__arrow {
  left: 4px;
  border-right-color: transparent;
  border-top-color: transparent;
}
.gd-tooltip[x-placement="right"] .gd-tooltip__arrow,
.gd-tooltip[x-placement="left"] .gd-tooltip__arrow {
  top: 50%;
  margin-top: -5px;
}
.gd-tooltip[x-placement="right-start"] .gd-tooltip__arrow,
.gd-tooltip[x-placement="left-start"] .gd-tooltip__arrow {
  top: 8px;
}
.gd-tooltip[x-placement="right-end"] .gd-tooltip__arrow,
.gd-tooltip[x-placement="left-end"] .gd-tooltip__arrow {
  bottom: 8px;
}
.gd-tooltip[x-placement^="left"] {
  padding-right: 8px;
}
.gd-tooltip[x-placement^="left"] .gd-tooltip__arrow {
  right: 4px;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.gd-tooltip.gd-tooltip--light .gd-tooltip__arrow {
  border-width: 4px;
  box-sizing: border-box;
  position: absolute;
  width: 8px;
  height: 8px;
  border-color: #fff;
  border-style: solid;
  border-radius: 2px;
  transform: rotate(45deg);
}
.gd-tooltip.gd-tooltip--light[x-placement^="top"] {
  padding-bottom: 8px;
}
.gd-tooltip.gd-tooltip--light[x-placement^="top"] .gd-tooltip__arrow {
  bottom: 4px;
  border-top-color: transparent;
  border-left-color: transparent;
}
.gd-tooltip.gd-tooltip--light[x-placement^="top"] .gd-tooltip__arrow {
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
}
.gd-tooltip.gd-tooltip--light[x-placement="top"] .gd-tooltip__arrow,
.gd-tooltip.gd-tooltip--light[x-placement="bottom"] .gd-tooltip__arrow {
  left: 50%;
  margin-left: -5px;
}
.gd-tooltip.gd-tooltip--light[x-placement="top-start"] .gd-tooltip__arrow,
.gd-tooltip.gd-tooltip--light[x-placement="bottom-start"] .gd-tooltip__arrow {
  left: 16px;
}
.gd-tooltip.gd-tooltip--light[x-placement="top-end"] .gd-tooltip__arrow,
.gd-tooltip.gd-tooltip--light[x-placement="bottom-end"] .gd-tooltip__arrow {
  right: 16px;
}
.gd-tooltip.gd-tooltip--light[x-placement^="bottom"] {
  padding-top: 8px;
}
.gd-tooltip.gd-tooltip--light[x-placement^="bottom"] .gd-tooltip__arrow {
  top: 4px;
  border-right-color: transparent;
  border-bottom-color: transparent;
}
.gd-tooltip.gd-tooltip--light[x-placement^="bottom"] .gd-tooltip__arrow {
  box-shadow: -3px -3px 5px rgba(0, 0, 0, 0.06);
}
.gd-tooltip.gd-tooltip--light[x-placement^="right"] {
  padding-left: 8px;
}
.gd-tooltip.gd-tooltip--light[x-placement^="right"] .gd-tooltip__arrow {
  left: 4px;
  border-right-color: transparent;
  border-top-color: transparent;
}
.gd-tooltip.gd-tooltip--light[x-placement^="right"] .gd-tooltip__arrow {
  box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
}
.gd-tooltip.gd-tooltip--light[x-placement="right"] .gd-tooltip__arrow,
.gd-tooltip.gd-tooltip--light[x-placement="left"] .gd-tooltip__arrow {
  top: 50%;
  margin-top: -5px;
}
.gd-tooltip.gd-tooltip--light[x-placement="right-start"] .gd-tooltip__arrow,
.gd-tooltip.gd-tooltip--light[x-placement="left-start"] .gd-tooltip__arrow {
  top: 8px;
}
.gd-tooltip.gd-tooltip--light[x-placement="right-end"] .gd-tooltip__arrow,
.gd-tooltip.gd-tooltip--light[x-placement="left-end"] .gd-tooltip__arrow {
  bottom: 8px;
}
.gd-tooltip.gd-tooltip--light[x-placement^="left"] {
  padding-right: 8px;
}
.gd-tooltip.gd-tooltip--light[x-placement^="left"] .gd-tooltip__arrow {
  right: 4px;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.gd-tooltip.gd-tooltip--light[x-placement^="left"] .gd-tooltip__arrow {
  box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
}
.gd-tooltip.gd-tooltip--light .gd-tooltip__content {
  background: #fff;
  color: #000;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
