.float-sidebar {
      position: fixed;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      background-color: #fff;
      border: 1px solid #e5e5e5;
      border-radius: 8px 0 0 8px;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
      padding: 0px 0;
      z-index: 999;
    }
    
    .sidebar-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 15px 10px;
      cursor: pointer;
      transition: all 0.3s ease;
	    position: relative;
    }
    .sidebar-item:hover {
      background-color: #f5f5f5;
    }
    
    .sidebar-icon {
      width: 28px;
      height: 28px;
      margin-bottom: 5px;

    }

    .icon-service { background-image: url("https://baoyan.gaodun.com/images/slider_1.png");
	 background-size: 100%;
	 }
	  .sidebar-item1:hover  .icon-service {
		background-image: url("https://baoyan.gaodun.com/images/slider_1b.png");
		 background-size: 100%;  
	  }
    .icon-consult { background-image: url("https://baoyan.gaodun.com/images/slider_2.png"); 
	background-size: 100%;}
	.sidebar-item2:hover  .icon-consult {
			background-image: url("https://baoyan.gaodun.com/images/slider_2b.png");
			 background-size: 100%;  
	}
    .icon-coupon { background-image: url("https://baoyan.gaodun.com/images/slider_3.png"); 
	background-size: 100%;}
	.sidebar-item3:hover .icon-coupon{
			background-image: url("https://baoyan.gaodun.com/images/slider_3b.png");
			 background-size: 100%;  
	}
    .icon-platform { background-image: url("https://baoyan.gaodun.com/images/slider_4.png");
	 background-size: 100%;}
	 .sidebar-item4:hover .icon-platform {
	 	background-image: url("https://baoyan.gaodun.com/images/slider_4b.png");
	 	background-size: 100%;  
	 }
    
    .sidebar-text {
      font-size: 12px;
      color: #333;
    }
	.sidebar-item:hover .sidebar-text{
		color: rgba(73, 162, 97, 1);
	}
	  
	    .hover-tooltip {
	      position: absolute;
	      right: 60px; 
	      top: 50%;
	      transform: translateY(-50%);
	      padding: 8px 12px;
	      border-radius: 4px;
	      width: 380px;
	      white-space: nowrap;
	      opacity: 0;
	      visibility: hidden;
	      transition: all 0.3s ease;
	      z-index: 998;
	    }
	
	    .sidebar-item:hover .hover-tooltip {
	      opacity: 1;
	      visibility: visible;
	      right: 60px; 
	    }
		
		.sidebar-item3 .hover-tooltip{
			   top:0%;
		}
		.sidebar-item2 .hover-tooltip img{
			   left:-10px;
			   position: relative;
			   
		}
		.sidebar-item3 .hover-tooltip img{
			   left:-10px;
			   position: relative;
			   
		}
		.sidebar-item4 .hover-tooltip{
			   top:-12%;
		}