.sitemap ul{
    list-style:none;
    padding-left:20px;
    margin:0
}
.sitemap ul>li{
    /* border-left:solid #ff0000 1px; */
    padding-left:30px;
    border-left: 2px solid #233a7a
}
.sitemap ul>li>a{
    display:inline-block;
/*    max-width:500px;*/
    padding:5px 10px;
    background:#fff;
    color: var(--main-color);
    border: 1px solid #ccc;
    text-decoration:none;
    border-radius:4px;
    text-overflow:ellipsis;
    margin:20px 0 0;
    -webkit-box-shadow:0 0 1px 0 rgba(0,0,0,0.2);
    box-shadow:0 0 1px 0 rgba(0,0,0,0.2);
    position:relative
}
.sitemap ul>li>span{
   display:inline-block;
/*    max-width:500px;*/
   padding:5px 10px;
   background:#009ddc;
   color:#fff;
   text-decoration:none;
   border-radius:4px;
   text-overflow:ellipsis;
   margin:5px 0;
   -webkit-box-shadow:0 0 1px 0 rgba(0,0,0,0.2);
   box-shadow:0 0 1px 0 rgba(0,0,0,0.2);
   position:relative
}
@media (min-width: 1280px) {
   .sitemap ul>li>a:hover{
      -webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.5);
      box-shadow:0 0 5px 0 rgba(0,0,0,0.5)
  }   
}
.sitemap ul>li>a:before{
    content:"";
    position:absolute;
    left:-31px;
    top:50%;
    margin-top:-1px;
    height:2px;
    width:31px;
    background:#233a7a
}
.l0bg{
   border-left: 2px solid #233a7a !important
}
.l1bg{
   border-left: 2px solid #0275d8 !important
}
.l2bg{
   border-left: 2px solid #5cb85c !important
}
.l3bg{
   border-left: 2px solid #f0ad4e !important
}
.l4bg{
   border-left: 2px solid #FFCC00 !important
}
.l5bg{
   border-left: 2px solid #984DFF !important
}
/* .l6bg{
   background-color:#0275d8 !important
}
.l7bg{
   background-color:#5cb85c !important
}
.l8bg{
   background-color:#f0ad4e !important
}
.l9bg{
   background-color:#FFCC00 !important
}
.l10bg{
   background-color:#984DFF !important
} */