.bd-e4f {
    border: 3px solid #e4f2e1;
}
.bg-white {
    background-color: white !important;
}
.bg-green4 {
    background-color: #5cb85c !important;
}
.text-green4 {
    color: #49d8a3 !important;
}
.col-md-13 {
    width: 20%;
    float: left;
}
#timeline{position: relative;}
.per-icon{
    width: 40px;
    height: 40px;
    display: inline-block;
    background: url(../images/save-acount.png) no-repeat;
}
.per-icon.mail-box{
    background-position:-126px -65px;
}
.per-icon.new-mail{
    background-position:-177px -65px;
}
.per-icon.tie-success{
    background-position:2px -56px;
}
.ml30p{
    margin-left: 30%!important;}
.bd-f2f{
    border:3px solid #f2f3f4;
}
.bd-e4f{
    border:3px solid #e4f2e1;
}
.label.label-rounded {
    padding: .2em 0.85em .3em;
    border-radius: 1em;
}
.label{
    position: absolute;
    left: 5px;
    width: 20px;
    height: 20px;
    top:0px;
    color: #fff;
    line-height: 20px;
    text-align: center;
}
.label.label-rounded{border-radius:50%; padding: 0px;}
.circle-box{
    width:30px;
    height:30px;
    position:absolute;
    top:-10px;
}
.msg-code>a{
    font-size:12px!important;
    height:42px;
    line-height:42px;
    float:right;
    border-radius:3px;
    background: #f4f3f3;
    color:#666;}
.img-code>img{
    cursor:pointer;
    height:42px;
    float:right;
    border-radius:3px;
}
.des-tit{
    position: absolute;
    left: -13%;
    top:-10px;
    width: 100px;
    text-align: center;
}
.current-step{
    position: absolute;
    left: -33%;
    top:-50px;
    width: 200px;
    background: #78c06b;
    color: #fff;
    height: 55px;
    border-radius: 5px;
}
.trangle-icon:after{
    border:solid transparent;
    border-top-color:#78c06b;
    border-width:7px;
    content:" ";
    position:absolute;
    margin-left: -7px;
    left:50%;
    top:54px;
}
.label:empty {
    display: block;
}
.per-icon.success-icon {
    background-position: -56px -54px;
    width: 60px;
    height: 60px;
}
.text-ff8 {
    color: #ff811b !important;
}