#app{
    width: 100%;
    height: 100vh;
    background-color: #F4F4F4FF;
}
.fp-info{
    width: 70%;
    height: 94vh;
    position: relative;
    top: 3vh;
    left: 15%;
    background-color: #fff;
    box-shadow: 0px 0px 4px rgba(0 ,0, 0 , .2);
}
.fp-ul{
    display: flex; align-items: center;justify-content: center;
    height: 130px;
    border-bottom: 1px solid #DCDFE6;
    margin-bottom: 100px;
}
.fp-li {
    display: flex; align-items: center;flex-direction: column;
    z-index: 3;
}
.fp-li-num{
    font-weight: 700;
    font-size: 16px;
    color: #CCCCCC;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #DCDFE6;
    border-radius: 50%;
}
.fp-li-num-active{
    color: #fff;
    background-color:  #0079FE ;
    border-color:  #0079FE ;
}
.fp-li-w{
    font-size: 14px;
    color: #999999;
    margin-top: 8px;
}
.fp-li-w-active{
    font-weight: 700;
    color: #333;
}
.fp-li-line{
    width: 100px;
    height: 2px ;
    background-color: #DCDFE6;
    z-index: 2;
}
.fp-li-line1{
    position: relative;
    top: -12px;
    left: -13px;
}
.fp-li-line21{
    position: relative;
    top: -12px;
    left: -15px;
    width: 140px;
}
.fp-li2{
    margin-left: -27px;
}
.fp-li3{
    margin-left: -17px;
}
.fp-li-line-active{
    background-color: #0079FE;
}

.fp-content{
    margin: 0 auto;
    width: 300px;
}
.fp-content  .regItem .regIn{
    width: 300px;
}
.fp-content  .regBtn{
    width: 280px;
}
.fp-content3{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: -30px;
}
.fp-finish-img{
    width: 200px;
    height:  194px;
}
.fp-content3-w{
    font-family: '微软雅黑', sans-serif;
    font-size: 16px;
    text-align: center;
    margin-top: 25px;
}
.fp-content3-loginW{
    color: #0079FE;
    text-decoration: underline;
}