/* 右侧悬浮联系栏（全站 footer 引入） */

.dastra_sider_bar {

  display: none !important;

}



.hanke-float-contact {

  position: fixed;

  right: 0;

  top: 50%;

  z-index: 99990;

  width: 50px;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  background: transparent;

  overflow: visible;

}



.hanke-float-contact__item {

  position: relative;

  display: block;

  width: 50px;

  height: 50px;

  color: #fff;

  text-decoration: none;

  box-sizing: border-box;

  border-bottom: 1px solid rgba(255, 255, 255, 0.12);

  background: #2b2523;

  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);

  overflow: visible;

  transition: background-color 0.25s ease;

}



.hanke-float-contact__item:first-child {

  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);

}



.hanke-float-contact__item:last-child {

  border-bottom: none;

}



.hanke-float-contact__icon-wrap {

  position: relative;

  z-index: 2;

  display: -webkit-flex;

  display: flex;

  -webkit-align-items: center;

  align-items: center;

  -webkit-justify-content: center;

  justify-content: center;

  width: 50px;

  height: 50px;

  background: inherit;

  transition: background-color 0.25s ease;

}



.hanke-float-contact__item .hanke-float-contact__icon {

  display: block;

  width: 22px;

  height: 22px;

  object-fit: contain;

}



.hanke-float-contact__label {

  position: absolute;

  top: 0;

  right: 50px;

  z-index: 1;

  height: 50px;

  line-height: 50px;

  padding: 0 16px;

  white-space: nowrap;

  font-size: 14px;

  font-weight: 400;

  color: #fff;

  background: var(--color-primary, #c8102e);

  box-shadow: -4px 0 12px rgba(0, 0, 0, 0.12);

  opacity: 0;

  visibility: hidden;

  -webkit-transform: translateX(12px);

  transform: translateX(12px);

  transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease, transform 0.3s ease;

  pointer-events: none;

}



.hanke-float-contact__item:hover,

.hanke-float-contact__item:focus,

.hanke-float-contact__item:focus-within {

  background: var(--color-primary, #c8102e);

  color: #fff;

  outline: none;

}



.hanke-float-contact__item:hover .hanke-float-contact__icon-wrap,

.hanke-float-contact__item:focus .hanke-float-contact__icon-wrap,

.hanke-float-contact__item:focus-within .hanke-float-contact__icon-wrap {

  background: var(--color-primary, #c8102e);

}



.hanke-float-contact__item:hover .hanke-float-contact__label,

.hanke-float-contact__item:focus .hanke-float-contact__label,

.hanke-float-contact__item:focus-within .hanke-float-contact__label {

  opacity: 1;

  visibility: visible;

  -webkit-transform: translateX(0);

  transform: translateX(0);

}



@media screen and (max-width: 768px) {

  .hanke-float-contact {

    width: 44px;

  }



  .hanke-float-contact__item {

    width: 44px;

    height: 44px;

  }



  .hanke-float-contact__icon-wrap {

    width: 44px;

    height: 44px;

  }



  .hanke-float-contact__item .hanke-float-contact__icon {

    width: 20px;

    height: 20px;

  }



  .hanke-float-contact__label {

    right: 44px;

    height: 44px;

    line-height: 44px;

    font-size: 13px;

    padding: 0 12px;

  }

}



@media (hover: none) {

  .hanke-float-contact__label {

    display: none;

  }

}



@media print {

  .hanke-float-contact {

    display: none !important;

  }

}