@-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);
  }
}
.input-item-wrap {
  font-size: var(--font-size-md, 32.609rpx);
  height: 105.676rpx;
  line-height: 105.676rpx;
  background: var(--color-white, #fff);
  margin: 0 auto;
}
.input-item-title-short {
  color: var(--color-gray-2, #666);
  width: 129.831rpx;
  height: 105.676rpx;
  margin-right: 36.232rpx;
  float: left;
  overflow: hidden;
}
.ipt-area,
.ipt-content {
  height: 105.676rpx;
  width: 100%;
  align-items: center;
  display: flex;
  flex: 1;
}
.verify-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 181.159rpx;
  height: 76.087rpx;
  position: relative;
}
.verify-icon::after {
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform-origin: 0 0;
  border: 1.812rpx solid #e6e6e6;
  border-radius: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}
@media (min-resolution: 2dppx) {
  .verify-icon::after {
    width: 200%;
    height: 200%;
    border-radius: 0;
    transform: scale(0.5);
  }
}
@media (min-resolution: 3dppx) {
  .verify-icon::after {
    width: 300%;
    height: 300%;
    border-radius: 0;
    transform: scale(0.333);
  }
}
.verify-icon.android-patch::after {
  transform: unset;
  width: 100%;
  height: 100%;
  border-radius: 0;
  border-color: $androidColor;
}
.icon {
  position: absolute;
  width: 100%;
  height: 100%;
}
.color-red {
  color: var(--color-red, #c40311);
}
.state-icon {
  height: 39.855rpx;
  width: 39.855rpx;
  background-size: contain;
  background-repeat: no-repeat;
}
.state-icon.loading {
  background-image: url("../images/loading.png");
}
.state-icon.reload {
  background-image: url("../images/reload.png");
}