.tagslist {
    overflow: hidden;
    list-style: none;
    padding: 20px 0;
    margin: 0
}
.tagslist li {
    float: left;
    width: auto;
    font-size: 16px;
    overflow: hidden;
    color: #999;
    padding: 10px 0
}
.tagslist li:nth-child(8n-7) a {
    background-color: #8A9B0F;
}
.tagslist li:nth-child(8n-6) a {
    background-color: #EB6841;
}
.tagslist li:nth-child(8n-5) a {
    background-color: #3FB8AF;
}
.tagslist li:nth-child(8n-4) a {
    background-color: #FE4365;
}
.tagslist li:nth-child(8n-3) a {
    background-color: #FC9D9A;
}
.tagslist li:nth-child(8n-2) a {
    background-color: #EDC951;
}
.tagslist li:nth-child(8n-1) a {
    background-color: #C8C8A9;
}
.tagslist li:nth-child(8n) a {
    background-color: #83AF9B;
}
.tagslist li:first-child a {
    background-color: #036564;
}
.tagslist li:last-child a {
    background-color: #3299BB;
}
.tagslist .tagname {
    display: inline-block;
    margin-right: 5px;
    background-color: #e6e6e6;
    color: #fff;
    padding: 2px 7px;
    margin-bottom: 4px;
}
.tagslist strong {
    font-weight: normal;
    color: #999;
}
.tagslist a {
    color: #666;
    margin-right: 10px;
    display: inline-block;
}
.tagslist .tagname:hover {
    color: #fff;
    background-color: #FF5E52;
}
.no-sidebar {
    margin-right: 0;
    height: auto;
    margin-top: 50px;
}
.affix {
    position: fixed;
}