ol{
    list-style: none;
}
.youqing{
    position: relative;
    padding-left: 30px;
    height: 36px;
    line-height: 36px;
}
.youqing:after{
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #FFF;
    background: #999999;
    text-align: center;
    position: absolute;
    left: 0;
    top: 3px;
}
.youqing:first-child:after {content: "1";background: #FD8C84;}
.youqing:nth-child(2):after {content: "2";background: #FFCC99;}
.youqing:nth-child(3):after {content: "3";background: #7FD75A;}
.youqing:nth-child(4):after {content: "4";background: #CCCCFF;}
.youqing:nth-child(5):after {content: "5";background: #60C4FD;}
.youqing:nth-child(6):after {content: "6";}
.youqing:nth-child(7):after {content: "7";}
.youqing:nth-child(8):after {content: "8";}