.areaclass {
  width: 540rpx;
  min-height: 300rpx;
  margin: 0 auto;
  margin-top: 80rpx;
  background-color: #f0f0f1;
  border-radius: 5%;
}

.areaclass textarea {
  width: 540rpx;
  min-height: 300rpx;
}


.areafooter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 540rpx;
  height: 60rpx;
  margin: 0 auto;
  margin-top: 10rpx;
}

.areafooterleft image {

  width: 52rpx;
  height: 52rpx;

}

.areafooterright text {
  font-size: 28rpx;
  font-weight: 600;
  color: #217ced;
}

.areafooterright {
  width: 120rpx;
  height: 56rpx;
}

.areafooterright button {

  width: 120rpx;
  height: 50rpx;
  line-height: 50rpx;
  font-size: 28rpx;
  font-weight: 600;
  color: #217ced;
  border: none;
}



.choose_upload_view {
  margin-top: 30rpx;
  margin-left: 10%;
  flex: 1;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.choose_upload_item {
  margin-left: 38rpx;
  margin-bottom: 20rpx;
  position: relative;
  width: 100rpx;
  display: flex;
  align-items: center;
}
.choose_upload_view .choose_upload_img {
  width: 100rpx;
  height: 100rpx;
}
.choose_upload_view .remove_img_icon {
  padding: 4rpx;
  position:absolute;
  top: -15rpx;
  right: -13rpx;
  width: 28rpx;
  height: 28rpx;
  border-radius: 50%;
  background-color: rgba(248, 236, 236, 0.5);
}
.other_upload {
  margin-left: 15rpx;
  width: 80rpx;
}