.list-group{
    margin-bottom: 20px;
}
.list-group .list-header{
    display: flex;align-items: center;height: 50px;cursor: pointer;
}
.list-group .svg{
    display: flex;align-items: center;
}
.list-group .title{
    font-size: 20px;font-weight: 400;color: #3D3D3D;line-height: 50px;padding-left: 12px;
}
.list-group .list-header:hover .svg{
    border-radius: 50%;
    background-color: #004EA2;
    transition: background-color 0.5s;
    -moz-transition: background-color 0.5s; /* Firefox */
    -webkit-transition: background-color 0.5s; /* Safari and Chrome */
    -o-transition: background-color 0.5s; /* Opera */
}
.list-group .list-header:hover .svg svg path{
    fill: #fff;
}
.list-group .list-body,.list-body-2{
    display: none;
    margin-bottom: 20px;
}
.list-group .list-body .list-li-1{
    display: flex;align-items: center;
    padding-left: 40px;
}
.list-group .list-body .list-li-1 .svg,.list-group-2 .list-body-2 .list-li-2 .svg{
    width: 48px;
    padding-left: 0;
    transition: padding-left 0.3s;
    -moz-transition: padding-left 0.3s; /* Firefox */
    -webkit-transition: padding-left 0.3s; /* Safari and Chrome */
    -o-transition: padding-left 0.3s; /* Opera */
}
.list-group .list-body .list-li-1 a{
    font-size: 18px;font-weight: 400;color: #3D3D3D;line-height: 48px;
}
.list-group .list-body .list-li-1:hover{
    background-color: #F9F9F9;
    transition: background-color 0.3s;
    -moz-transition: background-color 0.3s; /* Firefox */
    -webkit-transition: background-color 0.3s; /* Safari and Chrome */
    -o-transition: background-color 0.3s; /* Opera */
}
.list-group .list-body .list-li-1:hover .svg,.list-group-2 .list-body-2 .list-li-2:hover .svg{
    padding-left: 12px;
    transition: padding-left 0.3s;
    -moz-transition: padding-left-left 0.3s; /* Firefox */
    -webkit-transition: padding-left 0.3s; /* Safari and Chrome */
    -o-transition: padding-left 0.3s; /* Opera */
}
.list-group-2{
    font-size: 18px;
    font-weight: 400;
    color: #3D3D3D;
    line-height: 48px;
}
.list-header-2{
    display: flex;cursor: pointer;padding-left: 40px;
}
.list-body-2 {
}
.svg-2{
    display: flex;align-items: center;
}
.list-li-2{
    display: flex;
    padding-left: 80px;
}
.list-li-2:hover{
    background-color: #F9F9F9;
    transition: background-color 0.3s;
    -moz-transition: background-color 0.3s; /* Firefox */
    -webkit-transition: background-color 0.3s; /* Safari and Chrome */
    -o-transition: background-color 0.3s; /* Opera */
}