.set-baseinfor .header{
    
}
.set-baseinfor .container{
    text-align: center;
   /* margin-top: 2rem;*/
    
}
.set-baseinfor .container .text{
    text-align: center;
    padding: 2rem 0; 
}
.set-baseinfor .container .text h3{
    font-weight:normal;
    line-height: 2rem;
}
.set-baseinfor .container .text p{
    color: #fff;
}
.set-baseinfor .set-avatar{
    position: relative;
}
.set-baseinfor .set-avatar label{
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    backface-visibility:hidden; 
    transform-style: preserve-3d; 
    color: #000;
}
.set-baseinfor .set-avatar label input{
    /*display: none;*/
}
.set-baseinfor .set-avatar .boy{
    transform: translateX(2rem);
}
.set-baseinfor .set-avatar .girl{
    transform: translateX(9rem);
}

/*当变大的时候的动画*/
.set-baseinfor .set-avatar .big{
    transition:  all linear .4s .2s;
    transform: scale(1.5) translateX(3.5rem);
    transform-origin: bottom center;
    
}
/*当变小的时候的动画*/
.set-baseinfor .set-avatar .small{ 
    transition:  all linear .2s ;
    transform-origin: bottom;
}

.set-baseinfor .set-avatar .boy.small{
    transform: scale(0.5) translateX(1rem);
}

.set-baseinfor .set-avatar .girl.small{
    transform: scale(0.5) translateX(20rem);
}



.set-baseinfor.step2 .set-avatar .big{
    display: block;
    left: 50%;
    right: auto;
    margin-right: 0;
    margin-left: -2.5rem;
    transform: scale(1)  translateY(-2rem);
}





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