@-moz-keyframes feed-animate-loading {
  0% {
    opacity: 0.3;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  40% {
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
  }
  50% {
    opacity: 0.6;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
  60% {
    -webkit-transform: rotateY(270deg);
    transform: rotateY(270deg);
  }
  to {
    opacity: 0.3;
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}
@-webkit-keyframes feed-animate-loading {
  0% {
    opacity: 0.3;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  40% {
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
  }
  50% {
    opacity: 0.6;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
  60% {
    -webkit-transform: rotateY(270deg);
    transform: rotateY(270deg);
  }
  to {
    opacity: 0.3;
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}
@-o-keyframes feed-animate-loading {
  0% {
    opacity: 0.3;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  40% {
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
  }
  50% {
    opacity: 0.6;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
  60% {
    -webkit-transform: rotateY(270deg);
    transform: rotateY(270deg);
  }
  to {
    opacity: 0.3;
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}
@keyframes feed-animate-loading {
  0% {
    opacity: 0.3;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  40% {
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
  }
  50% {
    opacity: 0.6;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
  60% {
    -webkit-transform: rotateY(270deg);
    transform: rotateY(270deg);
  }
  to {
    opacity: 0.3;
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}
.bottom {
  border-bottom: var(--bottom-border-height, 18.116rpx) solid var(--color-gray-7, #f5f5f5);
}
.upload {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0 var(--h-spacing-md, 30.797rpx);
}
.upload .upload-box {
  width: 221.014rpx;
  height: 221.014rpx;
  border-radius: 9.058rpx;
  margin: 8.454rpx 7.850rpx 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.upload .upload-box .delete {
  width: 36.232rpx;
  height: 36.232rpx;
  color: var(--color-white, #fff);
  font-size: var(--font-size-xs, 25.362rpx);
  background: var(--color-black, #000);
  opacity: 0.5;
  display: flex;
  z-index: 1;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0 9.058rpx 0 9.058rpx;
}
.upload .upload-box .img {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 9.058rpx;
}
.upload .add-box {
  border: 1px solid var(--color-gray-5, #e6e6e6);
}
.tips {
  padding: 21.739rpx var(--h-spacing-md, 30.797rpx);
  font-size: 28.986rpx;
  color: #999;
}
.upload-inline {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0 var(--h-spacing-md, 30.797rpx);
}
.upload-inline .upload-inline-box {
  width: 100%;
  height: 277.778rpx;
  border-radius: 9.058rpx;
  background: #fafafa;
  margin: 6.039rpx 6.039rpx 0 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
.upload-inline .upload-inline-box .upload-word {
  font-size: var(--font-size-sm, 28.986rpx);
  color: #ccc;
}
.upload-inline .upload-inline-box .delete {
  width: 36.232rpx;
  height: 36.232rpx;
  color: var(--color-white, #fff);
  font-size: var(--font-size-xs, 25.362rpx);
  background: var(--color-black, #000);
  opacity: 0.5;
  display: flex;
  z-index: 1;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0 9.058rpx 0 9.058rpx;
}
.upload-inline .upload-inline-box .img {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 9.058rpx;
}
