[data-v-98d8c1ec]{font-size:0}.page[data-v-98d8c1ec]{width:100vw;min-height:100vh;box-sizing:border-box;background-color:#c6def4}main[data-v-98d8c1ec]{padding:0 0 1.06667rem;position:relative}main[data-v-98d8c1ec]:before{display:inline-block;content:"";width:100%;height:4.53333rem;background:url(../img/activity-bg33.6938359b.png) no-repeat;background-size:cover;position:absolute;top:0;left:0}.code-box[data-v-98d8c1ec]{height:3.84rem;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:2}.code-box>span[data-v-98d8c1ec]{font-size:.53333rem;font-weight:700;color:#fff}.code-box>div[data-v-98d8c1ec]{display:flex;align-items:center;margin-top:.53333rem}.code-box>div span[data-v-98d8c1ec]{font-size:1.06667rem;font-weight:700;color:#2849ea}.code-box>div span[data-v-98d8c1ec]:last-child{height:.58667rem;line-height:.58667rem;padding:0 .10667rem;font-size:.4rem;color:#fff;background:rgba(40,73,234,.4);border-radius:.05333rem;margin-left:.24rem}.code-box>div span[data-v-98d8c1ec]:last-child:active{opacity:.9}.introduction[data-v-98d8c1ec]{width:92%;box-shadow:0 .05333rem .26667rem 0 rgba(255,203,137,.74),0 .02667rem 0 0 #fff;background-color:#fff;border:.05333rem solid #fff2e1;box-sizing:border-box;border-radius:.29333rem;padding:.66667rem .16rem .8rem;position:relative;z-index:2;margin:0 auto}.introduction .title[data-v-98d8c1ec]{display:flex;align-items:center;justify-content:center;padding-bottom:.53333rem}.introduction .title span[data-v-98d8c1ec]{font-size:.53333rem;font-weight:700;color:#333}.introduction .title img[data-v-98d8c1ec]{width:.74667rem;height:.34667rem;margin:0 .21333rem}.introduction .step[data-v-98d8c1ec]{display:inline-block;font-size:.32rem;font-weight:700;color:#333;padding:.26667rem 0 .16rem .21333rem}.introduction .img-box[data-v-98d8c1ec]{display:flex;justify-content:space-between}.introduction .img-box img[data-v-98d8c1ec]{width:4.13333rem;height:3.65333rem}