.base-page[data-v-0eb3015b]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100vh;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);background:var(--background-color)}.base-page[data-v-0eb3015b]:before{content:" ";position:fixed;top:0;right:0;bottom:0;left:0;border-top-left-radius:.4rem;border-top-right-radius:.4rem;background-image:url(../img/recommend-bg.58d8f598.jpg);background-size:100% auto;background-repeat:no-repeat;background-color:#e21075;z-index:1}.title[data-v-0eb3015b]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:8rem;margin:0 auto;margin-top:3.2rem;z-index:2}.title img[data-v-0eb3015b]{display:block;width:8rem;height:auto;-o-object-fit:cover;object-fit:cover}.title .text[data-v-0eb3015b]{position:absolute;bottom:calc(100% + .26667rem);right:0;z-index:2;font-size:.37333rem;color:#fff;line-height:1.4;letter-spacing:.08em}.center[data-v-0eb3015b]{position:relative;margin-top:.4rem;z-index:2}.center img[data-v-0eb3015b]{display:block;width:5.33333rem;margin:0 auto}.content[data-v-0eb3015b]{z-index:2;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1.06667rem;margin:0 .42667rem;padding:1.06667rem .66667rem .53333rem .66667rem;border-radius:.26667rem;background-color:#fff}.content__title[data-v-0eb3015b]{position:absolute;top:-.4rem;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.content__title>img[data-v-0eb3015b]{display:block;width:4.26667rem;height:auto;-o-object-fit:cover;object-fit:cover}.content__progress img[data-v-0eb3015b]{display:block;width:6.93333rem;height:auto;margin:0 auto;-o-object-fit:cover;object-fit:cover}.content .buttons[data-v-0eb3015b]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;gap:1.06667rem}.content .buttons>.recommend-button[data-v-0eb3015b]{width:5.6rem;height:.90667rem;border-radius:.13333rem;font-size:.32rem;font-weight:400;letter-spacing:.1em;color:#fff}.desc[data-v-0eb3015b]{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:50vh;padding:.8rem .4rem;font-size:.37333rem;color:rgba(0,0,0,.8)}.share-box[data-v-0eb3015b]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99}.share-box img[data-v-0eb3015b]{position:absolute;top:.26667rem;right:.53333rem}.share-box .mask[data-v-0eb3015b]{position:absolute;top:0;right:0;bottom:0;left:0;border-top-left-radius:.4rem;border-top-right-radius:.4rem;background:rgba(0,0,0,.5)}.share-box .tip[data-v-0eb3015b]{position:absolute;top:2.93333rem;right:2.4rem;padding:.26667rem .53333rem;border-radius:.26667rem;background:#fff;font-size:.37333rem}.share-box .tip[data-v-0eb3015b]:after{content:" ";position:absolute;inset:0;border:.02667rem solid #fff;border-radius:.26667rem;-webkit-transform:translate(.13333rem,.13333rem);transform:translate(.13333rem,.13333rem)}.share-image[data-v-0eb3015b]{position:relative;border-top-left-radius:.4rem;border-top-right-radius:.4rem;-webkit-transition:all .15s ease;transition:all .15s ease;background-color:#fff;z-index:99;overflow:hidden}.share-image .close[data-v-0eb3015b]{position:absolute;top:.26667rem;right:.26667rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.10667rem;background:#fff;padding:.05333rem .13333rem;border-radius:.13333rem;z-index:999;font-size:.37333rem;color:rgba(0,0,0,.8)}.share-image .close .van-icon[data-v-0eb3015b]{font-size:.48rem!important}.share-image__text[data-v-0eb3015b]{border-top:.02667rem solid #f0f0f0;padding:.26667rem .8rem;font-size:.42667rem;color:rgba(0,0,0,.9);text-align:center;padding-bottom:1.06667rem}.html2canvas[data-v-0eb3015b]{position:relative;width:10rem;height:13.94667rem;overflow:hidden;background:#f5f5f5}.html2canvas>img[data-v-0eb3015b]{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.html2canvas.overhidden[data-v-0eb3015b]{position:fixed;top:-266.64rem;left:-266.64rem}.html2canvas .qr[data-v-0eb3015b]{position:absolute;bottom:.37333rem;right:.72rem}.html2canvas .qr img[data-v-0eb3015b]{display:block;width:2.13333rem}.test-button[data-v-0eb3015b]{position:absolute;top:0;left:2.66667rem;width:.53333rem;height:.53333rem;border-radius:50%;background-color:#00f;opacity:.2}.fade-in-enter-active[data-v-0eb3015b],.fade-in-leave-active[data-v-0eb3015b]{-webkit-transition:opacity .5s;transition:opacity .5s}.fade-in-enter[data-v-0eb3015b],.fade-in-leave-to[data-v-0eb3015b]{opacity:0}.fade-in-enter-to[data-v-0eb3015b],.fade-in-leave[data-v-0eb3015b]{opacity:1}.my-referral[data-v-0eb3015b]{position:absolute;top:1.06667rem;left:.42667rem;right:.42667rem;background:#fff;border-radius:.21333rem;padding:.32rem .32rem;font-size:.37333rem;color:#242424;line-height:.37333rem}.my-referral .cells[data-v-0eb3015b]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:.21333rem 0}.my-referral .cells .copy[data-v-0eb3015b]{color:#e10e72;display:inline-block;border-left:.02667rem solid #dedede;padding-left:.21333rem;margin-left:.21333rem}