@charset "gb2312";
.mybg {
    background: #F8F8F8 url(../images/melogo.png) no-repeat left 14px center;
}
.gbok li {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 3px 20px;
}
    .gbok li span {
        line-height: 26px;
        padding-right: 10px;
        color: #183d3f;
        text-align: right;
        display: inline-block;
        width: 76px;
    }
    .timebox {
        background: #FFF;
        padding: 30px
    }
.timebox  span { position: relative; line-height: 32px; padding-right: 40px; color: #183d3f;display: inline-block;width: 130px; }
.timebox  span:after { position: absolute; content: ""; width: 2px; height: 40px; background: #e0dfdf; right: 18px }
.timebox  li { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.timebox  li i { position: relative; font-style: normal }
.timebox  li i:before { content: " "; height: 10px; width: 10px; border: 2px solid #cccaca; background: #fff; position: absolute; top: 4px; left: -26px; border-radius: 50%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.timebox  li:hover i:before { background: #3690cf }