/**二級菜單文章統計**/
.num {
 position: absolute;
 top: 8px;
 left: 68%;
 color: #555;
 border-radius: 8px;
 text-align: center;
 font-family: Calibri;
 background: #eee;
 font-size: 12px;
 min-width: 32px;
}
/***二級導航前面小圓點***/
.lanse {
    box-sizing: border-box;
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
 margin-left: 10px;
    margin-top: -6px;
    left: 0;
 border-color: #61e1b9;
 border: 3px solid #7a99f2;
}

.lvse {
    box-sizing: border-box;
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
 margin-left: 10px;
    margin-top: -6px;
    left: 0;
 border-color: #61e1b9;
 border: 3px solid #70d7cf;
}
.huangse {
    box-sizing: border-box;
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
 margin-left: 10px;
    margin-top: -6px;
    left: 0;
 border-color: #61e1b9;
 border: 3px solid #f5c745;
}
.hongse {
    box-sizing: border-box;
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    margin-left: 10px;
    margin-top: -6px;
    left: 0;
    border-color: #61e1b9;
    border: 3px solid #f1787f;
}
/***二級導航前面小圓點結束***/

<span><i class="hongse"></i>二級菜單</span>
<span><i class="lanse"></i> </i>二級菜單</span> 
<span><i class="huangse"></i></i> 二級菜單</span>
<span><i class="lvse"></i></i>二級菜單</span>