@charset "UTF-8";

/* 媒体选择器 */

/* 清楚浮动 */

/* flexbox */

/* 栅格化 */

/* 栅格空隙  */

/* 阴影 */

/* 圆角 */

/* // 强制不换行 */

/* 以下是否有必要 */

/* 块级元素/容器 水平居中 */

/* 垂直居中 */

/* 是否可以选择文本 */

/* 可循环背景图 */

/*通过透明度得出新的颜色hex */

/* @function hexa($color, $alpha){
    @if (unitless($alpha)){
        $alpha : percentage($alpha)
    }
    $al : 100% - $alpha;
    @return lighten($color, $al)
} */

/* 滚动条 */

/* 栅格化 */

/* 栅格空隙  */

.lg-tooltip {
  font-family: Monospaced Number, Chinese Quote, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.65);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1030;
  cursor: auto;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  white-space: normal;
  font-weight: 400;
  text-align: left;
}

.lg-tooltip-content {
  padding: 10px;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.lg-tooltip-arrow {
  background: #fff;
  width: 8.48528137px;
  height: 8.48528137px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  display: block;
  border-color: transparent;
  border-style: solid;
}

.lg-tooltip-close {
  position: absolute;
  top: 0;
  right: 5px;
  z-index: 2;
  display: block;
  cursor: pointer;
  color: #333;
  font-size: 12px;
  font-family: Verdana;
}

.lg-tooltip-placement-bottom,
.lg-tooltip-placement-bottomLeft,
.lg-tooltip-placement-bottomRight {
  padding-top: 20px;
}

.lg-tooltip-placement-left,
.lg-tooltip-placement-leftTop,
.lg-tooltip-placement-leftBottom {
  padding-right: 20px;
}

.lg-tooltip-placement-right,
.lg-tooltip-placement-rightTop,
.lg-tooltip-placement-rightBottom {
  padding-left: 20px;
}

.lg-tooltip-placement-bottom .lg-tooltip-content .lg-tooltip-arrow,
.lg-tooltip-placement-bottomLeft .lg-tooltip-content .lg-tooltip-arrow,
.lg-tooltip-placement-bottomRight .lg-tooltip-content .lg-tooltip-arrow {
  top: 16px;
  -webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
  box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
}

.lg-tooltip-placement-top .lg-tooltip-content .lg-tooltip-arrow,
.lg-tooltip-placement-topLeft .lg-tooltip-content .lg-tooltip-arrow,
.lg-tooltip-placement-topRight .lg-tooltip-content .lg-tooltip-arrow {
  bottom: 16px;
  -webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
}

.lg-tooltip-placement-left .lg-tooltip-content .lg-tooltip-arrow,
.lg-tooltip-placement-leftTop .lg-tooltip-content .lg-tooltip-arrow,
.lg-tooltip-placement-leftBottom .lg-tooltip-content .lg-tooltip-arrow {
  right: 16px;
  -webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
  box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
}

.lg-tooltip-placement-right .lg-tooltip-content .lg-tooltip-arrow,
.lg-tooltip-placement-rightTop .lg-tooltip-content .lg-tooltip-arrow,
.lg-tooltip-placement-rightBottom .lg-tooltip-content .lg-tooltip-arrow {
  left: 16px;
  -webkit-box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
  box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
}

.lg-tooltip-placement-rightTop .lg-tooltip-content .lg-tooltip-arrow,
.lg-tooltip-placement-leftTop .lg-tooltip-content .lg-tooltip-arrow {
  top: 10px;
}

.lg-tooltip-placement-right .lg-tooltip-content .lg-tooltip-arrow,
.lg-tooltip-placement-left .lg-tooltip-content .lg-tooltip-arrow {
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}

.lg-tooltip-placement-leftTop .lg-tooltip-content .lg-tooltip-close,
.lg-tooltip-placement-left .lg-tooltip-content .lg-tooltip-close,
.lg-tooltip-placement-leftBottom .lg-tooltip-content .lg-tooltip-close {
  right: 16px;
}

.lg-tooltip-placement-leftTop .lg-tooltip-content .lg-tooltip-arrow,
.lg-tooltip-placement-rightTop .lg-tooltip-content .lg-tooltip-arrow {
  top: 10px;
}

.lg-tooltip-placement-rightBottom .lg-tooltip-content .lg-tooltip-arrow,
.lg-tooltip-placement-leftBottom .lg-tooltip-content .lg-tooltip-arrow {
  bottom: 10px;
}

.lg-tooltip-placement-bottom .lg-tooltip-close,
.lg-tooltip-placement-bottomLeft .lg-tooltip-close,
.lg-tooltip-placement-bottomRight .lg-tooltip-close {
  top: 10px;
}

.lg-tooltip-placement-bottom .lg-tooltip-content .lg-tooltip-arrow,
.lg-tooltip-placement-top .lg-tooltip-content .lg-tooltip-arrow {
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
}

.lg-tooltip-placement-bottomLeft .lg-tooltip-content .lg-tooltip-arrow,
.lg-tooltip-placement-topLeft .lg-tooltip-content .lg-tooltip-arrow {
  left: 16px;
}

.lg-tooltip-placement-bottomRight .lg-tooltip-content .lg-tooltip-arrow,
.lg-tooltip-placement-topRight .lg-tooltip-content .lg-tooltip-arrow {
  right: 16px;
}

/* ---------------------- demo的样式------------------- */

.tooltip-demo-box.tooltip-demo-box {
  margin-left: 150px;
}

.lg-tooltip-item {
  cursor: pointer;
  display: inline-block;
  width: 70px;
  margin: 8px 8px 0 0;
  text-align: center;
  border: 1px solid #dfe2e5;
}

.topCol.topCol {
  margin-left: 70px;
  white-space: nowrap;
}

.topCol.topCol .lg-tooltip-item {
  margin-top: 0;
}

.leftCol.leftCol {
  width: 70px;
  float: left;
}

.rightCol.rightCol {
  width: 70px;
  margin-left: 304px;
}

.bottomCol.bottomCol {
  margin-left: 70px;
  white-space: nowrap;
}

.cont-example {
  width: 100px;
}

.alink-example {
  color: blue;
}

.lg-tooltip-item-knobs {
  width: 150px;
  height: 30px;
  line-height: 30px;
  font-weight: 500;
}