html,* { font-family: 'Inter'; }
body { background-color: #fafafa; line-height:1.6;}
.lead { font-size: 1.5rem; font-weight: 300; }
.container { margin: 150px auto; max-width: 960px; }

html,
body,
div,
ul,
li {
    list-style: none;
    margin-top: 0;
    padding: 0;
}

.aaa {
    height: 900px;
}

.bbb {
    width: 234px;
}

.ddd {
    margin-top: 100px;
}

.ccc {
    width: 234px;
    min-height: 1px;
    float: left;
}

#example {
    float: left;
    width: 998px;
    height: 2600px;
    margin-left: 50px;
}

#example li {
    padding: 10px;
    background-color: #ddd;
    list-style: none;
}

#example li .item {
    background-color: #222;
    color: #fff;
    height: 300px;
    padding: 10px;
}
#example li .item {
    color: #9a9a9a;
    margin-top: 10px;
}

#example li + li {
    margin-top: 10px;
}

.toc {
    width: 234px;
}

.toc ul {
    background-color: #ddd;
}

.toc li {
    position: relative;
    border-top: #fff solid 1px;
}

.toc ul > ul {
    background-color: #eee;
}

.toc ul ul > li {
    padding-left: 15px;
}


a {
    height: 32px;
    line-height: 32px;
    padding-left: 5px;
    display: block;
    color: #6D6F6C;
    cursor: pointer;
}

.current {
    color: #fff;
    background-color: #969998;
}

.current a {
    color: #fff;
}

.current a:before {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 10px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 8px solid #fff;
    border-bottom: 5px solid transparent;
}