.custom-page {
 .nav-bar {
    display: flex;
    align-items: center;

    .left-icon {
      position: absolute;
      width: 23px;
      height: 23px;
      border-top: 4rpx solid #333;
      border-right: 4rpx solid #333;
      transform:rotate(-135deg);
    }
 }

 .page-content {
    box-sizing: border-box;
    padding-top: 1rpx;
    display: flex;
    align-items: center;
    flex-direction: column;

    .page-image {
      width: 100%;
      height: 100%
    }

    .page-guide {
      display: flex;
      align-items: center;
      flex-direction: column;

      .guide-title {
        width: 278rpx;
        height: 84rpx;
        background: #FFDF4A;
        border-radius: 0rpx 0rpx 42rpx 42rpx;
        z-index: 2;
        text-align: center;
        line-height: 84rpx;
        color: #000;
        font-size: 42rpx
      }

      .guide-content {
        padding-top: 22rpx; 
        width: 667rpx;
        height: 278rpx;
        background: rgba(255, 255, 255, .3);
        border-radius: 35rpx;
        margin-top: -42rpx;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        font-size: 48rpx;

        text {
          text-align: left;
        }
      }
    }
 }
}
