.personal{
  background-color: #FFFFFF;
  border-radius: 16rpx;
  padding: 20rpx;
  margin-top: 20rpx;
}
.personal-item{
  margin-bottom: 20rpx;
}
.personal-title{
  font-size: 32rpx;
  line-height: 60rpx;
  font-weight: bold;
}
.personal .row{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 76rpx;
  line-height: 76rpx;
  background-color: #f3f3f3;
  padding: 0 24rpx;
  border: 2rpx solid #cccccc;
  color: #333333;
  font-size: 28rpx;
}
.personal .row>view{
  width: 90%;
}
.personal .row>image{
  width: 30rpx;
  height: 30rpx;
}
.personal-input,
.personal-textarea{
  box-sizing: border-box;
  background-color: #FFFFFF;
  width: 100%;
  height: 76rpx;
  line-height: 76rpx;
  padding: 0 24rpx;
  border: 2rpx solid #cccccc;
  color: #333333;
  font-size: 28rpx;
}
.personal-txt{
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  align-items: center;
}
.personal-photo{
  width: 384rpx;
  height: 412rpx;
  border: 2rpx dashed #6a859c;
  
}
.personal-photo>text{
  display: block;
  padding: 10rpx;
  font-size: 28rpx;
  line-height: 40rpx;
  text-align: justify;
  color: #999999;
}

.personal-left{
  width: 225rpx;
}
.personal-btn{
  font-size: 32rpx;
  height: 76rpx;
  line-height: 76rpx;
  padding: 0 30rpx;
  background-color: #3898EC;
  border: 0;
}
.personal-top{
  width: 100%;
  margin-bottom: 20rpx;
}
.personal-textarea{
  padding: 16rpx 24rpx;
  line-height: 42rpx;
}
.personal-textarea.textarea-01{
  height: 180rpx;
}
.personal-textarea.textarea-02{
  height: 116rpx;
}
.personal-textarea.textarea-03{
  height: 480rpx;
}
.city-item,
.price-item{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 10rpx 0;
}
.city-item>view,
.price-item>view{
  width: 48%;
}
.city-item>view:first-child,
.price-item>view:first-child{
  text-align: right;
}
.personal-txt .price-item:nth-of-type(2)>view:first-child{
  text-align: justify;
}
.personal-txt .price-item:nth-of-type(3)>view:first-child{
  text-align: justify;
}

.case-photo{
  width: 100%;
  height: 400rpx;
  border: 2rpx dashed #6a859c;
  margin-bottom: 20rpx;
}
.case-photo>text{
  display: block;
  padding: 10rpx;
  font-size: 28rpx;
  line-height: 40rpx;
  text-align: justify;
  color: #999999;
}

.personal-btn2{
  display: inline-block;
  height: 76rpx;
  line-height: 76rpx;
  font-size: 32rpx;
  margin: 10rpx 50% 20rpx;
  padding: 0 30rpx;
  background-color: #3898EC;
  transform: translateX(-50%);
  border: 0;
}
.preview-btns{
  display: flex;
  justify-content: center;
  margin-top: 30rpx;
}
.preview-btns>navigator{
  height: 76rpx;
  font-size: 32rpx;
  line-height: 76rpx;
  margin: 0 20rpx;
  padding: 0 30rpx;
  background-color: #3898EC;
  border: 0;
  color: #FFFFFF;
}