.toolWrap {
  position: fixed;
  right: 20px;
  top: 490px;
  z-index: 2000;
}
.toolWrap .toolList .toolItem {
  cursor: pointer;
  width: 80px;
  height: 80px;
  background: #00D4AE;
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: 0.5s;
}
.toolWrap .toolList .toolItem img {
  width: 31px;
  height: 27px;
}
.toolWrap .toolList .toolItem .back {
  width: 21px;
  height: 29px;
}
.toolWrap .toolList .toolItem .toolName {
  margin-top: 10px;
  display: block;
  font-size: 12px;
  line-height: 1;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #FFFFFF;
}
.toolWrap .toolList .phone {
  position: relative;
}
.toolWrap .toolList .phone .phoneNum {
  position: absolute;
  display: none;
  left: 0px;
  width: 238px;
  height: 64px;
  line-height: 64px;
  text-align: center;
  background: #FFFFFF;
  font-size: 14px;
  font-weight: 400;
  color: #40C87F;
  box-shadow: 0px 3px 24px 0px #EAEDEF;
  border-radius: 4px;
  transition: 1s;
}
.toolWrap .toolList .phone .phoneNum::after {
  position: absolute;
  right: -18px;
  top: 23px;
  border-width: 9px;
  border-color: transparent transparent transparent #ffffff;
  border-style: dotted dotted dotted solid;
  content: " ";
}
.toolWrap .toolList .phone:hover .phoneNum {
  display: block;
  left: -250px;
}
.toolWrap .hidBack {
  opacity: 0;
}
.toolWrap .showBack {
  opacity: 1;
}
/*# sourceMappingURL=tool.css.map */