.timeline-nav-box {
    margin-right: 5px;
    width: 7em
}

.timeline-nav-box {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.timeline-nav.fixed {
    position: fixed;
    top: 55px
}

.timeline-nav.fixed.with-alert {
    top: 7.7em
}

.timeline-nav-box ul {
    margin: 0;
    padding: 0;
    width: 115px;
    list-style: none
}

.timeline-nav {
    letter-spacing: .05em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.timeline {
    margin: .4em 0
}

.timeline .title {
    padding: .3em 0 .3em .5em;
    color: #333;
    font-weight: 600;
    border-radius: 2px;
    cursor: pointer
}

.timeline.true .title, .timeline:hover .title {
    background-color: #f1f1f1;
    -webkit-transition: color, background-color .3s;
    transition: color, background-color .3s
}

.timeline .title a {
    color: #333;
    width: 100%;
    display: inline-block;
}

.timeline:first-child {
    margin-top: 0
}

.timeline:last-child {
    margin-bottom: 0
}

.category {
    padding: .1em 0 .2em .5em;
    font-size: .95em;
    color: #444;
    -webkit-transition: color .3s;
    transition: color .3s;
    cursor: pointer
}

.category a {
    width: 100%;
    display: inline-block;
}

.category:last-child {
    margin-bottom: 0.5em
}

.category:first-child {
    margin-top: 0.5em
}

.category.true {
    font-weight: 600
}

.category.true, .category .span_tag:hover {
    color: #007fff;
}

.category.true a, .category .span_tag:hover {
    color: #007fff;
}

.index_not_login .category{
    padding-bottom: 10px;
}