@charset "utf-8";
body {
  position: relative;
}
.elevator-nav {
  position: absolute;
  top: 560px;
  right: 50%;
  margin-right: -690px;
}
.elevator-nav li {
  width: 68px;
  height: 68px;
  background-color: #1953bb;
  border-radius: 5px;
  margin-top: 4px;
  box-sizing: border-box;
  position: relative;
  text-align: center;
  cursor: pointer;
}
.elevator-nav li a:hover {
  color: #fff !important;
}
.elevator-nav li a {
  font-size: 21px;
  display: block;
  font-weight: 400;
  color: #ffffff;
  line-height: 21px;
  padding: 24px 13px;
}
.elevator-nav .elevato-active,
.elevator-nav .elevato-text {
  padding: 13px 18px 0;
}
.elevator-nav .elevato-active .active-wxecht img,
.elevator-nav .elevato-text .active-wxecht img,
.elevator-nav .elevato-active .text-account img,
.elevator-nav .elevato-text .text-account img {
  width: 32px;
  height: 32px;
}
.elevator-nav .elevato-active .active-wxecht span,
.elevator-nav .elevato-text .active-wxecht span,
.elevator-nav .elevato-active .text-account span,
.elevator-nav .elevato-text .text-account span {
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  line-height: 14px;
}
.elevator-nav .text a {
  padding: 8px 4px;
}
.elevator-nav .hovereq {
  position: absolute;
  top: -55px;
  left: -123px;
  display: none;
  box-sizing: border-box;
  width: 121px;
  height: 113px;
  padding: 3px 2px;
  background-image: ;
}
.elevator-nav .hovereq p img {
  display: block;
  width: 96px;
  height: 106px;
}
.elevator-nav .elevato-active:hover .hovereq {
  display: block;
}
.elevator-nav .hoverwx {
  position: absolute;
  top: -50px;
  left: -80px;
  display: none;
}
.elevator-nav .hoverwx span {
  background:  no-repeat;
  width: 163px;
  height: 138px;
  display: block;
  position: absolute;
  top: -20px;
  left: -83px;
}
.elevator-nav .elevato-text:hover .hoverwx {
  display: block;
}
@media screen and (max-width: 1390px) {
  .elevator-nav {
    margin-right: -50%;
  }
}