reader/pages/user/myEdit/myEdit.wxss

.avatar-wrapper {
    overflow: hidden;
    padding: 0;
    border-radius: 8px;
    margin: 50rpx 0rpx;
    border: none;
}

.avatar {
    margin: 0 auto;
    display: block;
    width: 140rpx;
    height: 140rpx;
    border-radius: 50%;
}

.container {
    display: flex;
}

.setting-info {
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 0 17rpx;
    font-size: 32rpx;
    color: #5E5E5E;
    background: #F7F7F7;
    overflow-x: hidden;
}

.nickname-box {
    margin-top: 34rpx;
    width: 716rpx;
    height: 88rpx;
    position: relative;
    box-sizing: border-box;
    padding: 22rpx 0 22rpx 26rpx;
    display: flex;
    align-items: center;
    background: #FFFFFF;
    border-radius: 12rpx;
}

.nickname-box,
.grade {
    margin-top: 20rpx;
}

.user-action {
    /* min-width: 100rpx; */
    /* max-width: 400rpx; */
    width: 74%;
}

.nickname {
    width: 74%;
}

.setting-title {
    display: inline-block;
    width: 145rpx;
    text-align: center;
}

.placeholderStyle {
    font-size: 32rpx;
    color: #737373;
}

.edit-img {
    position: absolute;
    right: 50rpx;
    top: 24rpx;
    width: 22rpx;
    height: 32rpx;
}

.icon {
    width: 100%;
    height: 100%;
}

.sex-box {
    margin-top: 20rpx;
    width: 716rpx;
    height: 88rpx;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    background: #FFFFFF;
    padding: 22rpx 0 22rpx 26rpx;
    border-radius: 12rpx;
}

.school-title,
.radio-each,
.birthday-title,
.occupation-title {
    margin-right: 30rpx;
}

.radio-group {
    display: flex;
    height: 42rpx;
    overflow: hidden;
    /* margin-top: -8rpx; */
}


/* .sex-title{
  position: relative;
  top: 10rpx;
} */

.radio {
    margin-right: 50rpx;
    display: flex;
}

radio .wx-radio-input.wx-radio-input-checked::before {
    border-radius: 50%;
    width: 8rpx;
    height: 8rpx;
    text-align: center;
    font-size: 0rpx;
    /* 对勾大小 去掉 */
    background-color: #FF5E00;
    transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(1);
}

radio {
    margin-left: 20rpx;
    border-radius: 50%;
    width: 28rpx;
    /* 最好是4的倍数，不然会不在中间 */
    height: 28rpx;
    border: 4rpx solid #FF8100;
    /* 设置边框（外圆） */
    font-size: 0;
    /* 让边框重合 */
    margin-top: 6rpx;
}

radio .wx-radio-input {
    border-radius: 50%;
    width: 28rpx;
    height: 28rpx;
    border: none;
    /* 替换边框（隐藏原有边框） */
}

radio .wx-radio-input.wx-radio-input-checked {
    border: none;
    background: #f00;
}

.birthday-box {
    margin-top: 20rpx;
    width: 716rpx;
    height: 88rpx;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    background: #FFFFFF;
    padding: 22rpx 0 22rpx 26rpx;
    border-radius: 12rpx;
    position: relative;
    overflow: hidden;
}

.occupation-box {
    margin-top: 20rpx;
    width: 716rpx;
    height: 88rpx;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    background: #FFFFFF;
    padding: 22rpx 0 22rpx 26rpx;
    border-radius: 12rpx;
}

.school-box {
    margin-top: 20rpx;
    width: 716rpx;
    height: 88rpx;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    background: #FFFFFF;
    padding: 22rpx 0 22rpx 26rpx;
    border-radius: 12rpx;
    position: relative;
}

.address {
    /* width: 420rpx; */
    /* height: 88rpx; */
    width: 74%;
}

.edit-image {
    position: absolute;
    right: 50rpx;
    top: 24rpx;
    width: 22rpx;
    height: 32rpx;
}

.submit-btn {
    margin-top: 92rpx;
    width: 716rpx;
    height: 200rpx;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn {
    font-size: 40rpx;
    color: #FFFFFF;
    width: 464rpx;
    line-height: 80rpx;
    border-radius: 80rpx;
    background: #FF9209;
}

picker {
    width: 100%;
}

.avatar-text {
    width: 100%;
    font-size: 34rpx;
    color: rgb(0, 162, 255);
    text-align: center;
    margin-top: 24rpx;
}