.i-nav{
    background-color: #1691ec;}
.list-third {
  width: 100%;
  height: auto;
  overflow: hidden;
  background-color: #f8f9fa;
  border-left: 3px solid #e0e0e0;
  transition: all 0.3s ease;}

.list-third .third-nav-item {
  display: block;
  line-height: 40px;
  height: 40px;
  font-size: 14px;
  padding-left: 45px;
  color: #666666;
  background-color: transparent;
  border-bottom: 1px solid #eaeaea;
  transition: all 0.25s ease;
  position: relative;}

.list-third .third-nav-item:hover {
  background-color: #e3f2fd;
  color: #168eeb;
  padding-left: 50px;
  border-left: 3px solid #168eeb;
  margin-left: -3px;}

.list-third .third-nav-item::before {
  content: "";
  position: absolute;
  left: 30px;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 4px;
  background-color: #999;
  border-radius: 50%;
  transition: background-color 0.25s ease;}

.list-third .third-nav-item:hover::before {
  background-color: #168eeb;}


.list-third .third-nav-item.third-on {
  background-color: #168eeb;
  color: #ffffff;
  border-left: 3px solid #0a5a8f;
  margin-left: -3px;}

.list-third .third-nav-item.third-on::before {
  background-color: #ffffff;}