.img-block[data-v-456d8b9a]{position:relative}img[data-v-456d8b9a]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.default[data-v-456d8b9a]{position:absolute;left:0;top:0;width:100%;height:100%;background:#f7f8fa}.default .photo-icon[data-v-456d8b9a]{font-size:8vw}.flex-center[data-v-f9cfabd2]{display:flex;align-items:center;justify-content:center}.textCenter[data-v-f9cfabd2]{text-align:center}.absolute-0[data-v-f9cfabd2]{position:absolute;left:0;top:0}.container[data-v-f9cfabd2]{position:relative;padding-top:22.46vw;width:100vw;min-height:100vh;background:#010101}.container .bg[data-v-f9cfabd2]{position:absolute;left:0;top:0;width:100%}.container .back[data-v-f9cfabd2]{width:100vw;height:11.73vw;top:11.73vw;display:flex;align-items:center;justify-content:space-between;position:fixed;z-index:666}.container .back img[data-v-f9cfabd2]{width:2.4vw;height:4.27vw;margin-left:5.33vw}.container .dv-8933[data-v-f9cfabd2]{width:89.33vw;margin:0 auto;position:relative}.container .dv-9253[data-v-f9cfabd2]{width:92.53vw;margin:0 auto;position:relative}.container .main_content[data-v-f9cfabd2]{width:100%;height:75.73vw;margin-top:33.33vw;background-repeat:no-repeat;background-size:100%;position:relative;color:#fff;display:flex;flex-direction:column}.container .main_content .is_ongoing_text[data-v-f9cfabd2]{font-family:PingFang SC,serif;font-weight:400;font-size:3.2vw;color:#999;text-align:left;font-style:normal;text-transform:none;margin-top:9.6vw}.container .main_content .is_ongoing[data-v-f9cfabd2]{width:89.33vw;height:89.87vw;background:#151515;border-radius:3.2vw;position:relative}.container .main_content .is_ongoing .ongoing_img[data-v-f9cfabd2]{width:48vw;height:8.27vw;top:-3.73vw;position:absolute;left:0}.container .main_content .is_ongoing .ongoing_zsdzj[data-v-f9cfabd2]{font-family:PingFang SC,serif;font-weight:500;font-size:3.73vw;color:#fff;margin:10.67vw 0 4.27vw 3.47vw}.container .main_content .bgg[data-v-f9cfabd2]{position:absolute;left:0;top:0;width:100%;height:75.73vw;z-index:1}.container .main_content .fixed_black[data-v-f9cfabd2]{position:absolute;left:0;top:0;width:100%;height:58.13vw;z-index:1;background:#151515;border-radius:3.2vw}.container .main_content>div[data-v-f9cfabd2],.container .main_content>img[data-v-f9cfabd2]{z-index:2}.container .main_content .monster[data-v-f9cfabd2]{width:52.53vw;height:33.6vw;position:absolute;top:-28.53vw;left:50%;transform:translateX(-50%)}.container .main_content .monster img[data-v-f9cfabd2]{width:100%}.container .main_content .monster .font-monster[data-v-f9cfabd2]{position:absolute;font-weight:600;font-size:3.34vw;color:#333;left:6.93vw;top:12.8vw}.container .main_content .fail_monster[data-v-f9cfabd2]{width:42.93vw;height:22.4vw;position:absolute;top:-19.2vw;left:50%;transform:translateX(-50%)}.container .main_content .bottom_img[data-v-f9cfabd2]{width:89.33vw;height:40.8vw;position:absolute;bottom:-2.67vw;z-index:0}.container .main_content .reward_text[data-v-f9cfabd2],.container .main_content .welcome-fixed[data-v-f9cfabd2],.container .main_content .zsd-fixed[data-v-f9cfabd2]{text-align:center}.container .main_content .reward_text_ps[data-v-f9cfabd2]{font-family:PingFang SC,serif;font-weight:400;font-size:3.2vw;color:#fff;text-align:center;font-style:normal;text-transform:none}.container .main_content .welcome-text[data-v-f9cfabd2]{color:#fff;margin-top:4.27vw;line-height:6.38vw}.container .main_content .studyzs[data-v-f9cfabd2],.container .main_content .welcome-text[data-v-f9cfabd2]{font-family:PingFang SC,serif;font-weight:400;font-size:3.73vw;text-align:center;font-style:normal;text-transform:none}.container .main_content .studyzs[data-v-f9cfabd2]{color:#ffe241;margin-top:9.33vw}.container .main_content .welcome-fixed[data-v-f9cfabd2]{padding-top:8.53vw;margin:0 0 2.67vw}.container .main_content .reward_img[data-v-f9cfabd2]{width:25.6vw;height:25.6vw;margin:3.73vw auto 5.87vw}.container .main_content .zsd_content[data-v-f9cfabd2]{width:72.9vw;margin:0 auto}.container .main_content .zsd_content .zsd_item[data-v-f9cfabd2]{display:flex;font-size:3.2vw;margin-top:3.73vw}.container .main_content .zsd_content .zsd_item img[data-v-f9cfabd2]{width:3.73vw;height:3.73vw;display:inline-block}.container .main_content .zsd_content .zsd_item span[data-v-f9cfabd2]{display:inline-block}.container .title_bottom[data-v-f9cfabd2]{font-weight:400;font-size:3.2vw;color:#fff;text-align:left;font-style:normal;text-transform:none;margin-top:6.4vw}.container .cards-content[data-v-f9cfabd2]{display:flex;flex-direction:column;padding-bottom:20vw}.container .cards-content .noData[data-v-f9cfabd2]{width:100%;height:20vw;display:flex;justify-content:center;align-items:center;color:#999;font-size:2.53vw}.container .cards-content .card-item[data-v-f9cfabd2]{width:92.53vw;height:23.47vw;background:#151515;border-radius:3.2vw;margin-top:3.2vw;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.container .cards-content .card-item .card_left[data-v-f9cfabd2]{width:13.87vw;height:13.87vw;margin-left:3.73vw;position:relative}.container .cards-content .card-item .card_left .user-avatar[data-v-f9cfabd2] img{width:13.87vw;height:13.87vw;border-radius:50%;overflow:hidden}.container .cards-content .card-item .card_left .online-sign[data-v-f9cfabd2]{width:2.67vw;height:2.67vw;background:#42ff15;border-radius:50%;border:.27vw solid #fff;position:absolute;right:1.6vw;bottom:0}.container .cards-content .card-item .card_left .no-sign[data-v-f9cfabd2]{width:2.67vw;height:2.67vw;background:#f8e057;border-radius:50%;border:.27vw solid #fff;position:absolute;right:1.6vw;bottom:0}.container .cards-content .card-item .card_center[data-v-f9cfabd2]{width:47.2vw;height:9.6vw}.container .cards-content .card-item .card_center .center-top[data-v-f9cfabd2]{display:flex;flex-direction:row}.container .cards-content .card-item .card_center .center-top .nickName[data-v-f9cfabd2]{font-weight:500;font-size:3.13vw;color:#fff;overflow:hidden;min-width:16vw}.container .cards-content .card-item .card_center .center-top .label-three[data-v-f9cfabd2]{width:27.87vw;height:3.73vw;background:#2c2c2c;border-radius:10.13vw;margin-left:1.07vw;font-size:2.13vw;color:#fff;display:flex;flex-direction:row;justify-content:center;align-items:center}.container .cards-content .card-item .card_center .center-top .label-three img[data-v-f9cfabd2]{width:2.13vw;height:2.13vw}.container .cards-content .card-item .card_center .center-top .label-one[data-v-f9cfabd2]{width:14.07vw;height:3.73vw;background:#2c2c2c;border-radius:10.13vw;margin-left:1.07vw;color:#fff;font-size:2.13vw;display:flex;justify-content:center;align-items:center}.container .cards-content .card-item .card_center .center-top .label-one-empty[data-v-f9cfabd2]{width:14.07vw;height:3.73vw;background:transparent;border-radius:10.13vw;margin-left:1.07vw;color:#fff;line-height:3.73vw;font-size:2.13vw;text-align:center}.container .cards-content .card-item .card_center .center-bottom[data-v-f9cfabd2]{width:43.2vw;height:3.2vw;font-weight:400;font-size:3.2vw;color:#999;text-align:left;font-style:normal;text-transform:none;margin-top:2.67vw}.container .cards-content .card-item .card_right[data-v-f9cfabd2]{display:flex;align-items:center;justify-content:center;width:16.53vw;height:6.93vw;background-color:#2c2c2c;border-radius:2.13vw;margin-right:3.73vw;font-weight:500;font-size:3.2vw;color:#fff}.container .cards-content .card-item .card_right img[data-v-f9cfabd2]{width:3.73vw;height:3.73vw;margin-top:.5vw}.container .cards-content .card-item .card_right>div[data-v-f9cfabd2]{margin-left:1.07vw}.container .gotoStudy[data-v-f9cfabd2]{width:89.33vw;height:12.8vw;background:#ffe241;border-radius:3.2vw;position:absolute;bottom:14.4vw;left:50%;transform:translateX(-50%);font-family:PingFang SC,serif;font-weight:500;font-size:3.73vw;color:#333;display:flex;justify-content:center;align-items:center}.gotomain[data-v-f9cfabd2]{font-weight:400;font-size:3.2vw;color:#ffe241;padding:4vw}.hidden[data-v-f9cfabd2]{visibility:hidden;width:2.4vw;height:4.27vw;margin-left:5.33vw}.bg[data-v-f9cfabd2]{position:absolute;left:0;top:0;width:100%}.dv-8933[data-v-f9cfabd2]{width:89.33vw;margin:0 auto;position:relative;padding-bottom:10vw}.dv-8933 .main_content[data-v-f9cfabd2]{width:89.33vw;height:105.07vw;margin-top:33.33vw;background-repeat:no-repeat;background-size:100%;position:relative;color:#fff;display:flex;flex-direction:column}.dv-8933 .main_content .is_ongoing_text[data-v-f9cfabd2]{font-family:PingFang SC,serif;font-weight:400;font-size:3.2vw;color:#999;text-align:left;font-style:normal;text-transform:none;margin-top:9.6vw}.dv-8933 .main_content .is_ongoing[data-v-f9cfabd2]{width:89.33vw;height:89.87vw;background:#151515;border-radius:3.2vw;position:relative}.dv-8933 .main_content .is_ongoing .ongoing_img[data-v-f9cfabd2]{width:48vw;height:8.27vw;top:-3.73vw;position:absolute;left:0}.dv-8933 .main_content .is_ongoing .ongoing_zsdzj[data-v-f9cfabd2]{font-family:PingFang SC,serif;font-weight:500;font-size:3.73vw;color:#fff;margin:10.67vw 0 4.27vw 3.47vw}.dv-8933 .main_content .bgg[data-v-f9cfabd2]{position:absolute;left:0;top:0;width:100%;z-index:1}.dv-8933 .main_content>div[data-v-f9cfabd2],.dv-8933 .main_content>img[data-v-f9cfabd2]{z-index:2}.dv-8933 .main_content .monster[data-v-f9cfabd2]{width:52.53vw;height:33.6vw;position:absolute;top:-28.53vw;left:50%;transform:translateX(-50%)}.dv-8933 .main_content .bottom_img[data-v-f9cfabd2]{width:89.33vw;height:40.8vw;position:absolute;bottom:-2.67vw;z-index:0}.dv-8933 .main_content .reward_text[data-v-f9cfabd2],.dv-8933 .main_content .welcome-fixed[data-v-f9cfabd2],.dv-8933 .main_content .zsd-fixed[data-v-f9cfabd2]{text-align:center;font-size:4.27vw}.dv-8933 .main_content .welcome-fixed[data-v-f9cfabd2]{padding-top:8.53vw;margin:0 0 2.67vw}.dv-8933 .main_content .reward_arr_img[data-v-f9cfabd2]{width:100%;height:25.6vw;display:flex;justify-content:center;margin:3.73vw 0}.dv-8933 .main_content .reward_arr_img .reward_img[data-v-f9cfabd2]{margin:0}.dv-8933 .main_content .reward_img[data-v-f9cfabd2]{width:25.6vw;height:25.6vw;margin:3.73vw auto 5.87vw}.dv-8933 .main_content .zsd_content .zsd_item[data-v-f9cfabd2]{display:flex;font-size:3.2vw;margin-top:3.73vw;position:relative}.dv-8933 .main_content .zsd_content .zsd_item img[data-v-f9cfabd2]{width:3.73vw;height:3.73vw;display:inline-block}.dv-8933 .main_content .zsd_content .zsd_item .float_img[data-v-f9cfabd2]{width:17.07vw;height:1.33vw;position:absolute;top:9.07vw;right:13.67vw}.dv-8933 .main_content .zsd_content .zsd_item span[data-v-f9cfabd2]{display:inline-block}.dv-8933 .zsd_next_content[data-v-f9cfabd2]{width:100%;height:26.92vw;background-color:#151515;border-radius:4.1vw;margin-top:6.15vw;display:flex;flex-direction:column;align-items:center;padding:4.87vw 0}.dv-8933 .zsd_next_content .next_content[data-v-f9cfabd2]{color:#fff}.dv-8933 .zsd_next_content .next_bag[data-v-f9cfabd2],.dv-8933 .zsd_next_content .next_content[data-v-f9cfabd2]{width:76.41vw;font-family:PingFang SC,serif;font-weight:400;font-size:3.08vw;text-align:left;font-style:normal;text-transform:none}.dv-8933 .zsd_next_content .next_bag[data-v-f9cfabd2]{color:#fee143;display:flex;flex-direction:row;margin-top:3.85vw}.dv-8933 .zsd_next_content .next_bag img[data-v-f9cfabd2]{width:3.59vw;height:3.59vw;display:block}.dv-8933 .zsd_next_content .next_bag span[data-v-f9cfabd2]{margin-left:1.03vw}.dv-8933 .next_btn_to[data-v-f9cfabd2]{width:85.9vw;height:12.31vw;background:#ffe241;border-radius:3.08vw;margin-top:7.69vw;font-family:PingFang SC,serif;font-weight:500;font-size:3.59vw;color:#333;line-height:12.31vw;text-align:center}.warpper[data-v-f9cfabd2]{position:relative}.warpper .charge-rule[data-v-f9cfabd2]{height:100vh;width:100vw}.warpper .charge-rule .tk_continue[data-v-f9cfabd2]{width:85.87vw;height:71.2vw;background:#1d1d1d;border-radius:4.27vw;margin:66.4vw auto 0;padding:.1px}.warpper .charge-rule .tk_continue .title_tk[data-v-f9cfabd2]{width:68.8vw;height:12vw;padding:2.67vw;color:#fff;text-align:center;margin:3.73vw auto}.warpper .charge-rule .tk_continue .content_tk[data-v-f9cfabd2]{width:68.8vw;margin:0 auto;padding:2.67vw .8vw;color:#ccc;font-family:PingFang SC,serif;font-weight:400;font-size:3.73vw;line-height:5.87vw}.warpper .charge-rule .tk_continue .tk_btns[data-v-f9cfabd2]{width:73.07vw;margin:6.93vw auto 0;height:11.73vw}.warpper .charge-rule .tk_continue .tk_btns .tk_left[data-v-f9cfabd2]{background-color:#333;float:left;color:#ccc}.warpper .charge-rule .tk_continue .tk_btns .tk_left[data-v-f9cfabd2],.warpper .charge-rule .tk_continue .tk_btns .tk_right[data-v-f9cfabd2]{width:34.93vw;height:11.73vw;border-radius:3.2vw;text-align:center;line-height:11.73vw;font-family:PingFang SC,serif;font-weight:500;font-size:3.73vw}.warpper .charge-rule .tk_continue .tk_btns .tk_right[data-v-f9cfabd2]{background-color:#ffe241;float:right;color:#333;position:relative}.warpper .charge-rule .tk_continue .tk_btns .tk_right .jsjl[data-v-f9cfabd2]{position:absolute;width:16.15vw;height:6.67vw;right:0;top:-4.61vw;font-family:PingFang SC,serif;font-weight:500;font-size:2.82vw;color:#fff;line-height:5.62vw;text-align:center}.warpper .charge-rule .tk_continue .tk_btns .tk_right .jsjl img[data-v-f9cfabd2]{position:absolute;left:0;top:0;width:100%}.warpper .charge-rule .tk_continue .tk_btns .tk_right .jsjl>div[data-v-f9cfabd2]{position:relative;z-index:1;height:4.62vw}