pos_xcx/pages/personinfo/personinfo.wxss

.container {
  background-color: #F7F7F7;
  min-height: 1200rpx;
  letter-spacing: 3rpx;
}

.container .head-img {
  height: 200rpx;
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  padding: 0 50rpx;
  margin-bottom: 20rpx;
}

.container .head-img .title {
  height: 200rpx;
  line-height: 200rpx;
}

.container .head-img .info {
  width: 150rpx;
  height: 150rpx;
  border-radius: 50%;
  margin-top: 25rpx;
}

.container .head-img .info > image {
  width: 150rpx;
  height: 150rpx;
  border-radius: 50%;
}

.container .user-name,
.container .sex,
.container .birth {
  display: flex;
  justify-content: space-between;
  height: 100rpx;
  background-color: #fff;
  position: relative;
  padding: 0 50rpx;
}

.container .user-name .title,
.container .user-name .info,
.container .sex .title,
.container .sex .info,
.container .birth .title,
.container .birth .info {
  line-height: 100rpx;
}

.container .user-name .info,
.container .sex .info,
.container .birth .info {
  text-align: right;
  color: #707070;
}

.container .user-name .info > input,
.container .sex .info > input,
.container .birth .info > input {
  height: 100%;
}

.container .user-name .icon,
.container .sex .icon,
.container .birth .icon {
  width: 30rpx;
  height: 30rpx;
  position: absolute;
  top: 38rpx;
  right: 15rpx;
}

.container .submit {
  width: 90%;
  height: 100rpx;
  margin: 10rpx auto;
  background-color: #DF3361;
  color: #fff;
  font-size: 17px;
  line-height: 100rpx;
  text-align: center;
  letter-spacing: 2rpx;
  position: fixed;
  bottom: 20rpx;
  left: 5%;
}