page {
  background-color: #f1f1f1;
}
.uni-form-item .title {
 	padding: 20rpx 0;
}
.top-bg {
  height: 150px;
  background-color: #4095e5;
}
.box {
  background-color: white;
  margin-top: -120rpx;
  border-top-left-radius: 50rpx;
  border-top-right-radius: 50rpx;
  padding: 0 20rpx;
}
.head-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-bottom: 1rpx solid #f1f1f1;
  padding-bottom: 20rpx;
}
.avatar {
  width: 100px;
  height: 100px;
  margin-top: -80rpx;
  font-weight: inherit;
  display: flex;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0);
}
.avatar::after {
  border: none;
}
.head-img {
  border-radius: 50%;
  background-color: #f1f1f1;
}
.row {
  display: flex;
  align-items: center;
  padding: 36rpx 10rpx;
  font-size: 30rpx;
  font-weight: inherit;
  background-color: rgba(0, 0, 0, 0);
  border-bottom: 1rpx solid #f1f1f1;
}
.row::after {
  border: none;
}
.text {
  margin-left: 15rpx;
  color: #636262;
  margin-right: 15px;
}
.left {
  width: 100%;
  text-align: left;
  display: flex;
  align-items: center;
}
.right {
  width: 10%;
  text-align: right;
  color: rgb(148, 147, 147);
}
.end {
  background-color: white;
  margin-top: 20rpx;
  padding: 0 20rpx;
}
.example-body {
		padding: 12px;
		background-color: #FFFFFF;
}
.result-box {
	text-align: center;
	padding: 20px 0px;
	font-size: 16px;
}