.punchClockActivity[data-v-1f7449b3]{height:100vh}.punchClockActivity .basic[data-v-1f7449b3]{position:relative}.punchClockActivity .basic .img[data-v-1f7449b3]{width:100%;height:auto;display:block}.punchClockActivity .basic .fragmentArea[data-v-1f7449b3]{width:100%;height:100%;margin:auto;display:flex;position:absolute;top:0}.punchClockActivity .basic .fragmentArea>div[data-v-1f7449b3]{width:100%;position:absolute}.punchClockActivity .basic .fragmentArea>div img[data-v-1f7449b3]{width:100%;display:block;object-fit:cover}.punchClockActivity .basic .fragmentArea>div .fragmentNum[data-v-1f7449b3]{width:5vw;height:5vw;background-color:#d70000;border:.5vw solid #fff;border-radius:50%;text-align:center;line-height:5vw;color:#fff}.punchClockActivity .bottom[data-v-1f7449b3]{width:100vw;position:relative}.punchClockActivity .bottom .bg[data-v-1f7449b3]{width:100%;height:auto;display:block}.punchClockActivity .bottom .label[data-v-1f7449b3]{display:flex;justify-content:center;align-items:center}.punchClockActivity .pending[data-v-1f7449b3]{display:flex;flex-direction:column;align-items:center;text-align:center;color:#fff;font-size:3.733vw;position:absolute;width:100%;top:29.333vw}.punchClockActivity .pending .highlight[data-v-1f7449b3]{font-size:4.267vw;font-weight:700;color:transparent;background-image:linear-gradient(180deg,#ffe25e,#ff9732);-webkit-background-clip:text;background-clip:text}.punchClockActivity .pending .label[data-v-1f7449b3]{padding:2vw 8vw;background-image:linear-gradient(180deg,#a27af4,#8ecdef);border-radius:6.667vw;margin-top:3.067vw}.punchClockActivity .rank[data-v-1f7449b3]{position:absolute;bottom:0;overflow:auto;width:100%;top:56vw}.punchClockActivity .rank .rankList[data-v-1f7449b3]{color:#263764;padding:0 10vw 1.333vw 10vw}.punchClockActivity .rank .rankList-item[data-v-1f7449b3]{display:flex;flex-direction:column}.punchClockActivity .rank .rankList-item-top[data-v-1f7449b3]{padding:2.667vw 2.133vw 1.067vw 3.2vw;display:flex;justify-content:space-between}.punchClockActivity .rank .rankList-item-top>div[data-v-1f7449b3]{min-width:13.333vw}.punchClockActivity .rank .rankList-item-top>div[data-v-1f7449b3]:nth-child(2){text-align:center}.punchClockActivity .rank .rankList-item-top .steps[data-v-1f7449b3]{font-weight:700;color:transparent;background-image:linear-gradient(180deg,#103ae7,#9d43f2);-webkit-background-clip:text;background-clip:text}.punchClockActivity .empty[data-v-1f7449b3]{color:#263764;display:flex;justify-content:center;align-items:center;height:100%}.punchClockActivity .rule[data-v-1f7449b3]{position:absolute;right:0;bottom:26.667vw}.punchClockActivity .rule img[data-v-1f7449b3]{width:14.4vw;height:15.2vw}.punchClockActivity .content[data-v-1f7449b3]{padding:2.667vw}[data-v-1f7449b3] .progress .van-progress__portion{top:0}.dialog[data-v-1f7449b3]{margin-top:4vw;width:70.4vw;height:160vw;background:url(../../static/img/dialogBg.c7bb21dc.png);background-repeat:no-repeat;background-size:cover}.dialog .dialogContent[data-v-1f7449b3]{width:57.333vw;margin:auto;position:relative;top:25.333vw;height:120vw;overflow:auto}.dialog .dialogContent .ruleImg[data-v-1f7449b3]{max-width:57.333vw}[data-v-1f7449b3] .dialog .van-dialog__content{width:100%;height:100%}.errorMsg[data-v-1f7449b3]{text-align:center;padding:2.667vw}