@charset "utf-8";

/* 流程 */

.steps {
    width: 86%;
    margin: 40px auto 20px auto;
}

.steps,
.steps li {
    height: 52px;
}

.steps ol {
    margin: 0px;
    padding: 0px;
    position: relative;
    list-style: none;
}

.steps ol li {
    width: 25%;
}

.steps_3 ol li {
    width: 33.3%;
}

.steps_5 ol li {
    width: 20%;
}

.steps_6 ol li {
    width: 16.6%;
}

.steps_7 ol li {
    width: 14.2%;
}
.steps_8 ol li {
    width: 12.5%;
}
.steps li {
    overflow: visible;
    text-align: center;
    font-size: 14px;
    line-height: 23px;
    color: #999;
    float: left;
    height: 15px;
    border-bottom: 3px solid #bbb;
}

.steps li span {
    width: auto;
}

.steps li span i {
    margin: 0 auto;
    width: 30px;
    height: 30px;
    border-radius: 100px;
    background: #bbb;
    text-align: center;
    font: bold 16px/28px Tahoma;
    color: #fff;
    display: block;
    position: relative;
}

.steps li.last span i {
    background: url(images/steps/default/nofinish.png) no-repeat 50% 50%;
    margin: 0px auto;
    text-indent: -9999em;
}

.steps em {
    font-style: normal;
    display: inline-block;
    position: relative;
}

.icon_steps_arrow_down {
    width: 39px;
    height: 42px;
    background: url(images/steps/steps_arrow_down.png) no-repeat;
    vertical-align: middle;
    display: inline-block;
}


/* 项目发起流程 */

.xmfq_steps ul {
    background: url(images/steps/xmfq_steps/steps_line.png) repeat-x 0 20px;
    float: left;
    margin: 0 auto;
}

.xmfq_steps ul li {
    margin: 10px 20px 10px 0;
    display: block;
    padding: 0 15px;
    height: 25px;
    line-height: 24px;
    font-size: 14px;
    color: #222;
    background: #f4f4f4;
    border-radius: 12px;
    float: left;
}

.xmfq_steps ul li i.circle {
    width: 10px;
    height: 10px;
    margin: 0 0 3px 5px;
    border-radius: 12px;
    vertical-align: middle;
    display: inline-table;
}

.xmfq_steps ul li.sel {
    color: #fff;
}

.xmfq_steps ul li.last {
    margin-right: 0 !important;
}