zj-teach/pages/myInfo/myInfo.wxss

/* pages/myInfo/myInfo.wxss */
.wrapper {
    position: relative;
}

.top-index {
    display: flex;
    flex-direction: row;
    height: 100rpx;
    line-height: 100rpx;
    background-color: #f8f8f8;
}

.top-title {
    display: flex;
    width: 80%;
}

.top-index image {
    width: 100rpx;
    height: 100rpx;
    border-radius: 50%;
}

.top-nick {
    height: 100rpx;
    line-height: 100rpx;
    padding-left: 20rpx;
}

.top-text {
    margin-top: 20rpx;
    margin-left: 4rpx;
    height: 60rpx;
    line-height: 60rpx;
    border: 1rpx solid rgb(207, 202, 202);
    border-radius: 20rpx;
    padding: 0 6rpx;
    color: #c0b0b0;
}

.infoList{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.infoList-text{
    width: 47%;
    height: 100rpx;
    line-height: 100rpx;
    text-align: center;
    background-color: rgb(241, 241, 235);
    margin: 10rpx 10rpx 0 10rpx;
}

.recommendMoney{
    /* position: relative;
    display: flex; */
    margin-top: 100rpx;
    height: 100rpx;
    line-height: 100rpx;
    text-align: center;
    font-size: 40rpx;
    font-weight: bold;
    background-color: rgb(241, 241, 235);
    color: red;
}