@-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);
  }
}
.title-wrap {
  padding: 32.005rpx var(--h-spacing-md, 30.797rpx);
}
.title-wrap .title {
  font-weight: 700;
}
.title-wrap .small {
  font-size: var(--font-size-sm, 28.986rpx);
  line-height: 42.874rpx;
}
.title-wrap .middle {
  font-size: var(--font-size-md, 32.609rpx);
  line-height: 49.517rpx;
}
.title-wrap .large {
  font-size: var(--font-size-lg, 39.855rpx);
  line-height: 57.971rpx;
}
.title-wrap .desc {
  color: var(--color-gray-3, #999);
}
.title-wrap .middle-desc {
  font-size: var(--font-size-xs, 25.362rpx);
  margin-top: 3.019rpx;
  line-height: 37.440rpx;
  margin-bottom: 4.227rpx;
}
.title-wrap .turn-title {
  font-size: var(--font-size-xs, 25.362rpx);
  color: var(--color-gray-3, #999);
}
.title-wrap .large-desc {
  font-size: var(--font-size-sm, 28.986rpx);
  margin-top: 5.435rpx;
  line-height: 43.478rpx;
  margin-bottom: 3.019rpx;
}
.title-wrap .turn {
  display: flex;
  align-items: center;
}
.title-wrap .turn .arrow-icon {
  display: flex;
  align-self: center;
}
.turn-wrap .title {
  max-width: 536.232rpx;
}
.turn-wrap .turn-content {
  display: flex;
  justify-content: space-between;
}
.turn-wrap:active {
  background: rgba(0,0,0,0.05);
}
.border {
  padding: 0 30.797rpx;
}
.border .custom-border {
  height: 1px;
  background: var(--color-gray-7, #f5f5f5);
}
.border .ios-border {
  transform: scaleY(0.5);
  background: var(--color-gray-5, #e6e6e6);
}