page{
  background: #F7F7F7;
}
.container{
  padding: 0;
}

.nickname-box{
  position: relative;
  width: 750rpx;
  line-height: 80rpx;
  display: flex;
  align-items: center;
  background: #FFFFFF;
}

.nickname-box .text{
  margin-left: 26rpx;
  width: 100rpx;
  height: 80rpx;
  font-size: 28rpx;
}

.nickname{
  width: 100%;
  height: 40rpx;
}

.placeholderStyle{
  font-size: 28rpx;
}

.icon{
  width: 34rpx;
  height: 34rpx;
  position: absolute;
  left: 210rpx;
  top: 20rpx;
}

.sex-box{
  margin-top: 4rpx;
  width: 750rpx;
  line-height: 80rpx;
  display: flex;
  background: #FFFFFF;
  font-size: 28rpx;
}

.sex-box .sex{
  margin-left: 26rpx;
}

.radio-group{
  margin-left: 26rpx; 
}

.radios{
  margin-left: 26rpx;
}

/* .sex-box .radio{
  width: 34rpx;
  height: 34rpx;
  border: 2rpx solid #8BC34A;
} */

radio{
  transform:scale(0.6);
}

.birthday-box{
  margin-top: 4rpx;
  width: 750rpx;
  line-height: 80rpx;
  display: flex;
  background: #FFFFFF;
  font-size: 28rpx;
}

.birthday-box .birthday{
  margin-left: 26rpx;
}

.date{
  margin-left: 26rpx;
}

/* .picker{
  width: 500rpx;
  background: red;
} */

.occupation-box{
  margin-top: 4rpx;
  width: 750rpx;
  line-height: 80rpx;
  display: flex;
  background: #FFFFFF;
  font-size: 28rpx;
}

.occupation-box .occupation{
  margin-left: 26rpx;
}

.checkbox{
  margin-left: 26rpx;
}

.school-box{
  margin-top: 4rpx;
  width: 750rpx;
  line-height: 80rpx;
  display: flex;
  background: #FFFFFF;
  font-size: 28rpx;
}

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

.btn{
  font-size: 28rpx;
  color: #FFFFFF;
  width: 694rpx;
  height: 100rpx;
  line-height: 100rpx;
  background: #259B24;
}