.cont {
    position: relative;
    width: 58px;
    height: 84px;
  }
  
  .vip-link {
    display: block;
    /*width: 100%;*/
    height: 100%;
    background: linear-gradient(124deg, #ffffff -16%, #f1c78d 52%);
    box-shadow: 0px 0 10px 6px rgb(249,214,164, .6);
    cursor: pointer;
    width: 54px;
  }
  
  .backInfoBox {
    display: none;
    width: 278px;
    min-height: 230px;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0px 1px 9px 0px #d6d3d3;
    position: absolute;
    right: 68px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1000;
  }
  
  .cont:hover .backInfoBox,
  .backInfoBox:hover {
    display: block;
  }
  
  .backInfoBox .poptip-arrow {
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
  }
  
  .backInfoBox .poptip-arrow i {
      color: #fff;
      text-shadow: none;
      z-index: 999;
      top: 42%;
  }
  
  .backInfoBox .tit {
    height: 73px;
    background: url("https://vip.lzzcc.cn/dahai/img/float-item/box.png") no-repeat center;
  }
  
  .backInfoBox .itemBox {
    background: #FFFCF8;
    margin: 0 10px;
    padding: 10px 12px;
  }
  
  .backInfoBox .item {
    display: flex;
    width: 249px;
    margin: auto;
    line-height: 26px;
    color: #222;
  }
  
  .backInfoBox .item p {
    min-width: 108px;
    text-align: left;
  }
  
  .backInfoBox .item p:last-child {
    margin-right: 0;
  }
  
  .backInfoBox .item p img {
    position: relative;
   -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 5px;
  }
  
  .backInfoBox .btn {
    display: block;
    width: 249px;
    height: 32px;
    line-height: 32px;
    background: linear-gradient(131deg, #ffcc85, #b67418 100%);
    border-radius: 3px;
    margin: 5px auto 10px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    padding: 0;
    border: none;
    text-align: center;
  }
  
  .backInfoBox .btn a {
    color: inherit;
    text-decoration: none;
  }
  
  .backInfoBox span {
    display: flex;
    width: 270px;
    margin: 10px 15px auto;
    text-align: center;
    color: #ccc;
  }
  
  .backInfoBox span a {
    display: block;
    width: 67px;
    color: #888;
    text-decoration: none;
  }
  
  .backInfoBox span a:hover {
    color: #AD6D13;
  }
  
  .thisHover {
    width: 12px;
    height: 86px;
    position: absolute;
    right: -12px;
    top: 59px;
    z-index: 0;
  }
  
  .hgico,
  .side-icon-new img {
    max-width: 100%;
    height: auto;
  }
  
  .side-icon-new {
    margin-top: 10px;
  }
  
  .mb10 {
    margin-bottom: 10px;
  }
  
  .mr10 {
    margin-right: 10px;
  }
  
  .huliku-float {
    position: fixed;
      bottom: 20%;
      right: 1%;
      z-index: 999;
  }
  .huliku-float-box{
      box-shadow: 0 4px 23px rgba(0, 0, 0, 0.08);
      border-radius: 8px;
      background: #fff;
  }
  .huliku-float .huliku-float-item{
      color: rgba(23,23,24,0.8);
      text-align: center;
      cursor: pointer;
      width: 54px;
      padding-bottom: 10px;
      box-sizing: initial;
      align-items: center;
      display: block;
  }
  .huliku-float .huliku-float-item a{
      color: rgba(23,23,24,0.8);
      font-size: 12px;
    text-decoration: none;
  }
  .huliku-float .huliku-float-item a:hover{
      color: var(--primary-color)!important;
  }
  .huliku-float .huliku-float-item img{
      width: 24px;
  }
  .huliku-float .huliku-float-item p.text{
      font-size: 12px;
      margin-top: 5px;
  }
  .huliku-float .huliku-float-item:hover p.text{
      color: var(--primary-color)!important;
  }
  .huliku-float .huliku-float-item.huliku-floats{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      position: relative;
  }
  .huliku-float .activity{
      background: transparent;
      position: relative;
      padding-bottom: 0;
      bottom: 20px;
  }
  .huliku-float .activity a{
      display: block;
  }
  .huliku-float .activity .a1{
      width: 100%;
      height: 100%;
      border-radius: 7px 7px 0px 0px;
  }
  .huliku-float .activity .a2{
      position: absolute;
      bottom: 10px;
      left: 10px;
      width: 33px;
      height: 43px;
      animation: red-envelope-shake 0.8s linear infinite;
      transition: all .3s;
  }
  @keyframes red-envelope-shake {
      0% { transform: rotate(-7deg) }
      50%  { transform: rotate(7deg) }
      100% {transform: rotate(-7deg) }
  }
  @keyframes turnX{
  
      0%{transform:rotateX(0deg);}
  
      100%{transform:rotateX(360deg);}
  
  }
  .huliku-float .activity .popover {
      position: absolute;
      width: 251px;
      height: 128px;
      right: 0;
      left: -196px;
      bottom: 0;
      display: none;
  }
  .huliku-float .activity:hover .popover {
      display: block;
  }
  
  .huliku-float-box .huliku-float-vip{
      padding-top: 10px;
  }
  
  
  
  .huliku-float-service{
      position: relative;
  }
  
  
  
  .huliku-float-ma{
      position: relative;
  }
  .huliku-float-ma:hover .huliku-float-ma-box {
    display: block;
    transition: all .3s;
  }
  .huliku-float-ma-box {
      display: none;
      position: absolute;
      z-index: 999;
      right: 54px;
      bottom: 0px;
      width: 170px;
      padding: 10px;
      text-align: center;
      border-radius: 4px;
      -webkit-box-shadow: 0 0 3px 1px rgba(0,0,0,.05);
      box-shadow: 0 0 3px 1px rgba(0,0,0,.05);
      transition: all .3s;
      background: var(--primary-color);
  }
  .huliku-float-ma-box i{
      display: block;
      width: 31px;
      height: 5px;
      margin: 0 auto 10px;
      border-radius: 2px;
      background: #6f96ff;
  }
  .huliku-float-ma-box em{
      display: block;
      margin: 10px auto 0;
      width: 20px;
      height: 20px;
      border-radius: 100%;
      background: #6f96ff;
  }
  .huliku-float-ma-box .tops{
      padding: 10px;
      background: #fff;
      border-radius: 4px;
      text-align: center;
  }
  .huliku-float-ma-box .tops p{
      font-size: 12px;
      color: #5f6575;
      overflow: hidden;
      height: 23px;
      line-height: 23px;
  }
  .huliku-float-ma-box .tops img {
      width: 100%;
      height: 100%;
      display: block;
      margin-top: 10px;
      margin: 10px auto 0px auto;
  }
  @media screen and (max-width: 767px) {
      .huliku-float {
          display: none !important;
      }
  }
  .hgico {
      width: 29px;
          height: 26px;
          left: 50%;
          transform: translateX(-50%);
          top: -19px;
          position: absolute;
          animation: zsmove 1.3s ease infinite;
          -webkit-animation: zsmove 1.3s ease infinite;
      }
      @-webkit-keyframes zsmove {50% {top:-13px;}
  100% {top:-19px;}
  }
  @keyframes zsmove {50% {top:-13px;}
  100% {top:-19px;}
  }
  
  .huliku-float .huliku-float-item li:hover {
      --this-bg: rgb(6 141 255 / 10%);
      background: var(--this-bg);
      color: var(--this-color);
      border-radius: 3px
  }
  
  .gotop-service-box .tops:before {
      content: " ";
      display: inline-block;
      width: 9px;
      height: 9px;
      background: var(--main-bg-color);
      position: absolute;
      transform: rotate(45deg);
      border-radius: 2px;
      left: auto;
      right: 5px;
      top: 50%
  }
  .gotop-service-box .tops button {
      display: block;
      margin: 15px auto 10px;
  }
  .gotop-service-box {
      display: none;
      position: absolute;
      left: -170px;
      top: 152px;
      min-width: 170px;
      padding: 10px;
      text-align: center;
      transition: all .3s
  }
  
  .gotop-service-box .tops {
      padding: 20px;
      border-radius: 6px;
      -webkit-box-shadow: 0 0 3px 1px rgba(0,0,0,.05);
      box-shadow: 0 0 3px 1px rgba(0,0,0,.05);
      background: var(--main-bg-color)
  }
  
  .huliku-float .huliku-float-item li a {
      display: inline-flex;
      width: 100%;
      margin: 5px 10px;
      align-items: center;
      justify-content: flex-start
  }
  
  .huliku-float .huliku-float-item li span {
      height: 22px;
      margin-right: 10px
  }
  
  /* 返回顶部按钮隐藏/显示 */
  .huliku-float-item.hide-on-scroll {
      display: none !important;
  }
  
  .huliku-float-item.hide-on-scroll.show,
  .huliku-float-item.huliku-floats.show {
      display: flex !important;
  }
  
  /* 确保返回顶部按钮在显示时正确显示 */
  .huliku-float-item.huliku-floats.show {
      display: flex !important;
      flex-direction: column;
      justify-content: center;
      align-items: center;
  }
  
  /* 移动端隐藏 */
  .huliku-float.hide-on-mobile {
      display: none !important;
  }
  
  @media screen and (max-width: 767px) {
      .huliku-float.hide-on-mobile {
          display: none !important;
      }
  }
  
  /* 客服弹窗 */
  .tengfei-fanyi:hover .gotop-service-box,.tengfei-service:hover .gotop-service-box {
      display: block;
      transition: all .3s
  }
  
  .ignore {
    color: black; 
    transition: color 0.3s; 
  }
  .ignore:hover {
    color: red;
  }