.card {
    background: #FFFFFF;
    box-shadow: 0 2rpx 15rpx 1rpx rgba(201, 201, 204, 0.2);
    border-radius: 16rpx;
    margin: 30rpx;
}

.top {
    position: relative;
    padding-bottom: 60rpx;
}

.top-txt {
    width: 690rpx;
    height: 180rpx;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.title {
    font-size: 36rpx;

    color: #FFFFFF;
}

.des {
    margin-top: 10rpx;
    font-size: 28rpx;

    color: #FFFFFF;
}

.btn {
    margin: 40rpx;
    margin-bottom: 0;
    padding-bottom: 40rpx;
}


.avater-title {
    height: 100%;
    display: flex;
    align-items: center;
}

.user-avater-img {
    width: 200rpx;
    height: 200rpx;
}

.avatar-button{
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    float: right;
    /* border-radius: 50%;
    overflow: hidden; */
    padding-left: 120rpx;
    box-sizing: content-box;
}
.avatar-button::after{
    background: none;
    border: none;
}