/* --------------

	   ui_wizard.css:步骤向导
	   author: jiezuo@wisedu.com

 ------------ */
#btn_container a
.btn_container a{
    margin-left: 5px;
}
.ui_wizard{
    width: 100%;
    display:inline-block;
    margin-bottom: 20px;
}
.ui_wizard .left{
    height:54px;
    width:38px;
    float:left;
    padding:0 5px;
    background:url("../images/common/nav/wizard/left1.gif") no-repeat bottom;
}
.ui_wizard .right{
    height:54px;
    width:38px;
    padding:0 5px;
    float:left;
    background:url("../images/common/nav/wizard/right1.gif") no-repeat bottom;
}
.ui_wizard ul{
    background:url("../images/common/nav/wizard/hstb.gif") repeat-x bottom;
    float:left;
}
.ui_wizard .active{
    background:url(../images/common/nav/wizard/lsbj.gif)  repeat-x bottom;
}
.ui_wizard .over{
    background:url("../images/common/nav/wizard/over_jg.gif") repeat-x bottom;
}

.ui_wizard ul li{
    float:left;
    display:block;
    padding:0 30px;
    height:54px;
    text-align:center;
}
.ui_wizard ul li a{
    height:54px;
    color: #969696;
    display:inline-block;
    text-decoration:none;
    position: relative;
}
.ui_wizard ul li a:hover{
    text-decoration:none;
}
.ui_wizard ul li a span{
    display:block;
    height:20px;
    line-height: 18px;
    width:20px;
    color:#fff;
    position: absolute;
    bottom:-8px;
    left:50%;
    margin-left: -10px;
    font-family: tahoma;
    text-shadow:0 1px 1px  #999;
    background:url(../images/common/nav/wizard/bztb.gif) no-repeat;
    cursor: pointer;
}
.ui_wizard .active span{
    color:#fff;
    display:inline-block;
    background:url(../images/common/nav/wizard/over_tp.gif) no-repeat;
    cursor: pointer;
}
.ui_wizard .over span{
    background:url(../images/common/nav/wizard/over_yx.gif) no-repeat;
}
.ui_wizard ul li a h4{
    margin-top: 16px;
    line-height: 16px;
    font-size: 14px;
    color: #969696;
}
.ui_wizard .active h4{
    color:#0088cc;
}
.ui_wizard .over h4{
    color: #c7c7c7;
}

/* --------------

	   ui_wizard.css:步骤向导
	   author: jiezuo@wisedu.com

 ------------ */

.ui_wizard_style01{
    width: 100%;
    display:inline-block;
    margin-bottom: 40px;
}
.ui_wizard_style01 .active a{
    background:url(../images/common/nav/wizard/style01/fkbj.gif)  repeat-x bottom;
}
.ui_wizard_style01 ul li{
    float:left;
    display:block;
    background:url("../images/common/nav/wizard/style01/arrow1.gif") no-repeat right;
    float:left;
    float:left;
    height:55px;
    width: 100px;
    padding: 0 53px 0 8px;
    text-align:center;
}
.ui_wizard_style01 .active{
    background:url("../images/common/nav/wizard/style01/arrow.gif") no-repeat right;
}
.ui_wizard_style01 ul li a{
    height:55px;
    color: #fff;
    background:url("../images/common/nav/wizard/style01/hsfk.gif") repeat-x bottom;
    display:inline-block;
    border-radius: 2px 2px 2px 2px;
    width: 100px;
    text-decoration:none;
    position: relative;
}
.ui_wizard_style01 ul li a:hover{
    text-decoration:none;
}
.ui_wizard_style01 ul li a span{
    display:block;
    height:55px;
    line-height: 45px;
    width:46px;
    font-size: 25px;
    color:#c8c8c8;
    position: absolute;
    bottom:-38px;
    left:50%;
    margin-left: -23px;
    font-family: tahoma;
    text-shadow:0 1px 1px  #999;
    background:url(../images/common/nav/wizard/style01/bzyx_tb.png) repeat-x;
    cursor: pointer;
}
.ui_wizard_style01 .active span{
    color:#c8c8c8;
    display:inline-block;
    background:url(../images/common/nav/wizard/style01/bzyx.png) no-repeat;
    cursor: pointer;
}
.ui_wizard_style01 .over span{
    background:url(../images/common/nav/wizard/style01/over_yx1.png) no-repeat;
}
.ui_wizard_style01 ul li a h4{
    line-height: 20px;
    font-size: 14px;
    color: #fff;
    text-align: center;
}
.ui_wizard_style01 .active h4{
    color:#fff;
}
.ui_wizard_style01 .over h4{
    color: #fff;
}
.ui_wizard_style01 .over a{
    background:url("../images/common/nav/wizard/style01/over_fk.gif") repeat-x bottom;
}

/* --------------

	   ui_wizard.css:步骤向导
	   author: jiezuo@wisedu.com

 ------------ */
.ui_wizard_style02{
    width: 100%;
    display:inline-block;
    margin-bottom: 10px;
}
.ui_wizard_style02 .active a{
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    display: inline-block;
    height: 30px;
    padding-left: 15px;
    position: relative;
    text-decoration: none;
}
.ui_wizard_style02 .active a:hover{
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    display: inline-block;
    height: 30px;
    padding-left: 15px;
    position: relative;
    text-decoration: none;
}
.ui_wizard_style02 ul li{
    float:left;
    display:block;
    background:url("../images/common/nav/wizard/style02/wizard_grey_l.png") no-repeat bottom left;
    text-align:center;
    margin-right:10px ;
}
.ui_wizard_style02 ul li a{
    height:30px;
    color: #fff;
    display:inline-block;
    border-radius: 2px 2px 2px 2px;
    padding-left:15px;
    text-decoration:none;
    position: relative;

}
.ui_wizard_style02 ul li a span{
    display:block;
    background:url("../images/common/nav/wizard/style02/wizard_grey_r.png") no-repeat bottom right;
    font-size: 12px;
    color:#555;
    position: absolute;
    bottom: 0;
    right:-12px;
    font-weight: bold;
    font-family: tahoma;
    cursor: pointer;
    height:30px;
    line-height: 30px;
    text-align: left;
    text-indent:20px;
    width: 100%;
}
.ui_wizard_style02 ul li:hover{
    background:url("../images/common/nav/wizard/style02/wizard_grey02_l.png") no-repeat bottom left;
}
.ui_wizard_style02 ul li a:hover{
    text-decoration:none;
}
.ui_wizard_style02 ul li a span:hover{
    background:url("../images/common/nav/wizard/style02/wizard_grey02_r.png") no-repeat bottom right;
}
.ui_wizard_style02 ul .noactive a,
.ui_wizard_style02 ul .noactive a span{
    cursor: default;
}
.ui_wizard_style02 ul .noactive:hover{
    background:url("../images/common/nav/wizard/style02/wizard_grey_l.png") no-repeat bottom left;
}
.ui_wizard_style02 ul .noactive a span:hover{
    background:url("../images/common/nav/wizard/style02/wizard_grey_r.png") no-repeat bottom right;
}

.ui_wizard_style02 .active span,
.ui_wizard_style02 .active span:hover{
    color:#fff;
    background-image:url("../images/common/nav/wizard/style02/wizard_blue_r.png") !important;
}
.ui_wizard_style02 ul li a h4{
    line-height: 20px;
    font-size: 14px;
    color: #555;
    margin:5px 20px 5px 35px;
}
.ui_wizard_style02 .active h4{
    color:#fff;
}
.ui_wizard_style02 .over h4{
    color: #fff;
}
.ui_wizard_style02 .right{
    background:url("../images/common/nav/wizard/style02/wizard_grey01.png") no-repeat;
    float:left;
    width:159px;
    height:30px;
    display: none;
}
.ui_wizard_style02  ul .active,
.ui_wizard_style02  ul .active:hover{
    background: url("../images/common/nav/wizard/style02/blue_bj.png") no-repeat left;
}