/*****主体开始*******/

.homeNav {

  position: fixed;

  top: 50%;

  left: 0;  z-index: 99;

  transform: translateY(-50%);

  transition: all 400ms ease;

  opacity: 0;

  visibility: hidden;

}

.homeNav.isActive {

  opacity: 1;

  visibility: visible;

}

.homeNav ul {

  margin-left: 0vw;

  border-left: 2px solid rgba(255, 102, 0, 0.6);

}

.homeNav ul li {

  margin-bottom: 0.62rem;

  position: relative;

  padding-left: 0.5rem;

  cursor: pointer;

}

.homeNav ul li a {

  color: rgba(255, 255, 255, 0.9);
  background:rgba(0,153,255,0.8);
  border-radius:50px;
  padding:3px 10px;
  min-width:100px;
  display:flex;
  text-align:center;
     justify-content: center;
}
.homeNav ul li a:hover {
    background-image: linear-gradient(45deg,rgba(0,68,206,1) 0.0,rgba(0,48,146,1) 100.0%);
}
.homeNav ul li a
.homeNav ul li::after {

  content: '';

  position: absolute;

  top: 0;

  left: -1px;

  height: 0;

  width: 3px;

  background-color: #ff5a02;

}

.homeNav ul li.active::after {

  height: 100%;

}

.homeNav ul li.active a {

  color: rgba(17, 17, 17, 1.0);

}