.search {
  padding: 30rpx 32rpx 0 32rpx;

  /deep/ .uv-search__content__icon {
    margin-top: 2rpx;
  }
}

.intro {
  position: relative;
  margin: 38rpx 32rpx 0 32rpx;
  width: calc(100% - 32rpx * 2);
  height: 316rpx;
  background: #E5E5E5;
  border-radius: 40rpx;
  box-shadow: -5rpx -5rpx 10rpx 0 #FFFFFF,
              10rpx 10rpx 20rpx 0 #AAAACC80,
              4rpx 4rpx 10rpx 0 #AAAACC40,
              -2rpx -2rpx 5rpx 0 #FFFFFF;

  .bg {
    float: right;
    width: 100%;
    height: 100%;
  }

  .content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 40rpx;
    box-sizing: border-box;

    .font1 {
      font-size: 28rpx;
      font-weight: 600;
      line-height: 1.4;
      font-family: PingFang SC;
      color: #252545;
    }
    .font2 {
      font-size: 36rpx;
      font-weight: 600;
      line-height: 1.4;
      font-family: PingFang SC;
      color: transparent;
      background-image: linear-gradient(to right, #4B348F, #845CFA);
      background-clip: text;
      display: inline-block;
    }
    .font3 {
      font-size: 24rpx;
      font-weight: 400;
      line-height: 1.4;
      font-family: PingFang SC;
      color: #252545;
    }

    .btn {
      margin-top: 56rpx;
      display: inline-flex;
      padding: 9rpx 22rpx;
      font-size: 24rpx;
      font-weight: 400;
      font-family: PingFang SC;
      line-height: 1.4;
      color: #252545;
      border-radius: 28rpx;
      border: 2rpx solid #252545;

      &-icon {
        width: 28rpx;
        height: 28rpx;
        margin-right: 8rpx;
      }
    }

  }

}

.section {
  margin-top: 48rpx;

  &-header {
    margin-bottom: 16rpx;
  }
}
