.hoverBox {
  z-index: 9;
  position: fixed;
  right: 0.4rem;
  top: 21.933333rem;
}

 .handle-button {
  width: 3.466667rem;
  height: 3.4666666667rem;
  margin-bottom:1.333333rem;
 background-color: #00aaf8;
   border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-border-radius: 50%;
  box-shadow: 0 5px 10px 0px rgba(57, 169, 245, 0.4);
  -moz-box-shadow: 0 5px 10px 0px rgba(57, 169, 245, 0.4);
  -o-box-shadow: 0 5px 10px 0px rgba(57, 169, 245, 0.4);
  -webkit-box-shadow: 0 5px 10px 0px rgba(57, 169, 245, 0.4);
  color: #fff;
  font-size: 0.6733333333rem;
  
}
.hoverBox .handle-button:last-child {
  margin-bottom: 0;
}

.hoverBox .icon-phone {
  display: block;
  width: 1.6133333333rem;
  height: 1.6133333333rem;
  background: url("/images/icon-phone.png") no-repeat;
  background-size: 100% 100%;
}

.hoverBox .icon-join {
  display: block;
  width: 1.16rem;
  height: 1.1066666667rem;
  background: url("/images/icon-join.png") no-repeat;
  background-size: 100% 100%;
}
* {
  font-family: "Microsoft Yahei", "PingFang SC Regular", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
 .hoverBox .handle-button {
  /* 09閻楋拷 */
  -webkit-box-orient: vertical;
  /* 12閻楋拷 */
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
 .hoverBox .handle-button {
  /* 09閻楋拷 */
  -webkit-box-align: center;
  /* 12閻楋拷 */
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  -ms-flex-align: center;
      align-items: center;
}

.hoverBox .handle-button {
  /* 09閻楋拷 */
  -webkit-box-pack: center;
  /* 12閻楋拷 */
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.hoverBox .handle-button {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
 .hoverBox .handle-button {
  /* 09閻楋拷 */
  -webkit-box-orient: vertical;
  /* 12閻楋拷 */
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
 .hoverBox .handle-button {
  /* 09閻楋拷 */
  -webkit-box-align: center;
  /* 12閻楋拷 */
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  -ms-flex-align: center;
      align-items: center;
}

 .hoverBox .handle-button {
  /* 09閻楋拷 */
  -webkit-box-pack: center;
  /* 12閻楋拷 */
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.hoverBox .handle-button {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}