shyaf-artist-platform-miniapp/pages/user/personalInfo/personalInfo.wxss

/* pages/user/personalInfo/personalInfo.wxss */
page{
    height: 100%;
    background:rgba(240,242,246,1)
}
.page-info .upload-box{
    position: relative;
    height:380rpx;
    width:380rpx;
    border:2rpx solid rgba(234,234,234,0.46);
    /* margin-bottom: 40rpx; */
    margin:0 auto 40rpx auto;
}
.page-info .upload-box .img-wrap{
    position: relative;
    width: 100%;
    height: 100%;
}
.page-info .upload-box .img-wrap .close{
    position: absolute;
    top: -24rpx;
    right: -24rpx;
    width: 46rpx;
    height: 46rpx;
}

.page-info .upload-box .lable-text{
    position: absolute;
    left: 0;
    top:0;
    width:108rpx;
    height:44rpx;
    line-height: 44rpx;
    text-align: center;
    background:rgba(44,48,57,1);
    z-index: 2;
    font-size: 24rpx;
    color: #fff;

}
.page-info .upload-box .up-inner{
    position: absolute;
    left: 50%;
    top:50%;
    transform: translate(-50%,-50%);
}

.page-info .upload-box .up-inner .icon{
    display: block;
    width: 62rpx;
    height: 62rpx;
    margin: 0 auto 20rpx auto;
}

.page-info .upload-box .up-inner .text{
    color: #161616;
    font-size: 32rpx;
    text-align: center;
}

.page-info .tool-info{
    background:rgba(241,241,241,1);
    border:1rpx solid rgba(234,234,234,1);
    padding:20rpx 30rpx;
}
.page-info .tool-info>view{
    color: #161616;
    font-size: 24rpx;
    line-height: 1.4;
}
.page-info .form-box-item{
    border:1rpx solid rgba(236,238,243,1);
    padding:30rpx 40rpx;
    margin-bottom: 40rpx;
}
.page-info .form-box-item.active,
.page-info .form-box-item:focus{
    border-color:#161616 ;
}
.page-info .form-box-item .form-box{
    margin-bottom: 0;
}
.page-info  .form-box-item-delete{
    margin-top: -40rpx;
    color: #161616;
    font-size: 26rpx;
    text-align: center;
    height: 90rpx;
    line-height: 90rpx;
}
.page-info .save-btn {
    margin-bottom:40rpx;
}

.page-info .planer-box.pt{
    padding-top: 40rpx;
}