body{
    background: #117ed2;
    color: #fff;
}
.set-baseinfor .header{
    text-align: center;
    padding: 2rem 0; 
}
.set-baseinfor .header h3{
    font-weight:normal;
    line-height: 2rem;
}
.set-baseinfor .header p{
    color: #fff;
}
.set-baseinfor .container{
    text-align: center;
    margin-top: 2rem;
    position: relative;
}
.set-baseinfor .set-avatar label{
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    background: #fff;
    margin: 0 0.9rem;
    position: absolute;
    top: 0;
    
}
.set-baseinfor .set-avatar label input{
    display: none;
}
.set-baseinfor .set-avatar .boy{
    left: 50%;
    margin-left: -6rem;
}
.set-baseinfor .set-avatar .girl{
    right: 50%;
    margin-right: -6rem;
}

/*当变大的时候的动画*/
.set-baseinfor .set-avatar .big{

    -webkit-transition:  all linear .4s .2s;
    -webkit-transform-origin: bottom;
    transition:  all linear .4s .2s;
    transform-origin: bottom;
}
/*当变小的时候的动画*/
.set-baseinfor .set-avatar .small{ 
    -webkit-transition:  all linear .2s ;
    -webkit-transform: scale(0.5);
    -webkit-transform-origin: bottom;
    transition:  all linear .2s ;
    transform: scale(0.5);
    transform-origin: bottom;
}

/*左边的男孩的有动画时候的样式*/
.set-baseinfor .set-avatar .boy.big{
    -webkit-transform: scale(1.5) translateX(-1.7rem);
    transform: scale(1.5) translateX(-1.7rem);
    margin-left: 0;
}
.set-baseinfor .set-avatar .boy.small{
    left: 0;
    margin-left: 0;
}

/* 右边的女孩有动画时候的样式*/
.set-baseinfor .set-avatar .girl.big{ 
    -webkit-transform: scale(1.5) translateX(1.7rem);
    transform: scale(1.5) translateX(1.7rem);
    margin-right: 0;
}
.set-baseinfor .set-avatar .girl.small{
    right: 0;
    margin-right: 0;
}


.footer{
    width: 100%;
    padding: 0 5%;
    height: 2.4rem;
    line-height: 2.4rem;
    font-size: 0.7rem;
    background: #25c997;
    position: absolute;
    bottom: 0;
}
.footer .next{
    float: right;
}