classroom-music-activation/miniprogram/pages/service/service.less

/* pages/service/service.wxss */
.container {
  position: relative;
  background: url('https://oss.dayaedu.com/ktyq/1732533582478.png') no-repeat center;
  background-size: cover;
  min-height: 100vh;

  .weui-navigation-bar__btn_goback {
    background-color: #fff;
  }
}

.content {
  margin: 120rpx 40rpx 0;
  background: rgba(255,255,255,0.5);
  border-radius: 40rpx;
  padding: 20rpx;
  // overflow: hidden;
  .content-section {
    min-height: 70vh;
    background: #FFFFFF;
    box-shadow: 0rpx 2rpx 20rpx 0rpx rgba(208,75,10,0.13);
    border-radius: 32rpx;
    .serivce_logo {
      display: flex;
      flex-direction: column;
      align-items: center;
      position: relative;
      top: -70rpx;
      left: 50%;
      transform: translateX(-50%);
      .logo_img {
        width: 140rpx;
        height: 140rpx;
      }
      text {
        padding-top: 16rpx;
        font-weight: 600;
        font-size: 34rpx;
        color: #131415;
        line-height: 48rpx;
      }
    }
  }

  .qrcode-section {
    text-align: center;
    .qrcode_img {
      width: 400rpx;
      height: 400rpx;
    }
    .tips {
      padding-top: 40rpx;
      font-weight: 600;
      font-size: 30rpx;
      color: #777777;
      line-height: 42rpx;
      text-align: center;
      font-style: normal;
      background: linear-gradient(to right, #FE8B00, #FF4B00);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
    }
  }
}

.bottom_img {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
}