Traffic-widget/miniprogram/pages/downloadPage/index.scss

/* pages/downloadPage/index.wxss */
.page {
  position: relative;

  .headHead {
    position: relative;

    .headImage,
    .headVideo {
      width: 750rpx;
      height: 558rpx;
      background-color: #000;
    }

    .headImage{
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
    }

  }

  .main {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 508rpx;
    border-top-right-radius: 60rpx;
    border-top: 3rpx solid #26B4EC;
    border-right: 3rpx solid #26B4EC;
    background-color: #ffffff;
    padding: 0 46rpx 0 36rpx;

    line-height: 40rpx;
    color: #666666;
    font-size: 28rpx;

    .iconImage {
      width: 34rpx;
      height: 24rpx;
    }

    .main_title {
      color: #222222;
      font-size: 32rpx;
      font-weight: 500;
      height: 124rpx;
      line-height: 124rpx;
    }

    .btn {
      width: 500rpx;
      height: 92rpx;
      line-height: 92rpx;
      text-align: center;
      background: linear-gradient(180deg, #26B4EC 0%, #2F8AFF 100%);
      border-radius: 56rpx;
      color: #FFFFFF;
      font-size: 34rpx;
      margin: 188rpx auto 0 auto;
    }

    .duanluo {
      text-indent: 2em;
      line-height: 1.8em;
    }
  }
}