page {
  width: 100%;
  height:100%;
}
.add-topic {
  width: 100%;
  height: 100%;
  background: #f7f7f7;
  box-sizing: border-box;
  padding: 20rpx;
}
.add-topic .topic {
  width: 100%;
  height: 640rpx;
  background: #fff;
  border-radius: 16rpx;
  box-sizing: border-box;
  padding: 45rpx  20rpx 0;
}
.add-topic .topic textarea {
  color: #333;
  font-size: 34rpx;
  line-height: 46rpx;
  width: 100%;
  height: 340rpx;
  box-sizing: border-box;
  padding-bottom: 20rpx;
  position: relative;
}
.add-topic .topic textarea .placeholder-textarea {
  font-size: 28rpx;
  line-height: 46rpx;
  color: #999;
  position: absolute;
  left: 0;
  top: 0;
}
.add-topic .topic .picture {
  display: flex;
  height: 255rpx;
  box-sizing: border-box;
  padding: 20rpx 0;
}
.add-topic .topic .picture .image-box, .add-topic .topic .picture image {
  width: 215rpx;
  height: 215rpx;
  object-fit:cover;
  border-radius: 8rpx;
}
.add-topic .topic .picture .image-box image {
  width: 215rpx;
  height: 215rpx;
  object-fit:cover;
}
.add-topic .topic .picture .image-box {
  position: relative;
}
.add-topic .topic .picture .image-box .loading {
  position: absolute;
  left: 25%;
  top: 25%;
  width: 50%;
  height: 50%;
}
.add-topic .topic .picture .image-box .delete-image {
  width: 40rpx;
  height: 40rpx;
  position: absolute;
  right: -20rpx;
  top: -20rpx;
}
.add-topic .topic .picture .image-box + .image-box {
  margin-left: 10rpx;
}

.add-topic .address {
  width: 100%;
  height: 210rpx;
  background: #fff;
  border-radius: 16rpx;
  margin-top: 20rpx;
  box-sizing: border-box;
  padding: 0 20rpx;
}
.add-topic .address textarea {
  width: 100%;
  height: 122rpx;
  box-sizing: border-box;
  padding-top: 35rpx;
  font-size: 34rpx;
  color: #333;
  line-height: 46rpx;
}
.add-topic .address .placeholder-textarea {
  font-size: 28rpx;
  line-height: 46rpx;
  color: #999;
}
.add-topic .address .tip {
  width: 100%;
  height: 78rpx;
  display: flex;
  align-items: center;
}
.add-topic .address .tip image {
  width: 22rpx;
  height: 26rpx;
  object-fit: cover;
}
.add-topic .address .tip text {
  font-size: 26rpx;
  color: #999;
  margin-left: 14rpx;
}

.add-topic .topic-button {
  width: 100%;
  height: 85rpx;
  display:flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  bottom: 100rpx;
  left: 0;
}
.add-topic .topic-button button {
  width: 560rpx;
  height: 100rpx;
  line-height: 85rpx;
  text-align:center;
  color: #fff;
  font-size: 36rpx;
  border-radius: 16rpx;
  /* background: linear-gradient(to right, #F40C0C, #FF4E4E) */
  background-color: transparent;
}
.add-topic .topic-button .hover-button {
  /* background: red; */
}
button image {
  width: 100%;
  height: 100%;
}
button text {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
}
button::after {
  border: none;
}

.wux-actionsheet__button {
  font-size: 34rpx !important;
  color: #333 !important;
}