.content[data-v-1705d555]{padding-top:16px;position:relative;width:645px}.item[data-v-1705d555]{height:130px;margin:0 10px;position:absolute;transition:all .5s cubic-bezier(.32,.07,.32,1.04);width:130px;will-change:auto;z-index:1}.item_name[data-v-1705d555]{color:#fff;font-family:OPlusSans3;font-size:28px;font-weight:500;top:-10px;width:80%}.image-prize[data-v-1705d555],.item_name[data-v-1705d555]{align-items:center;display:flex;justify-content:center;left:50%;position:absolute;transform:translate(-50%)}.image-prize[data-v-1705d555]{bottom:45px;z-index:2}.imageClass[data-v-1705d555]{border-radius:12px;height:130px;overflow:hidden;width:130px}.kuji-header[data-v-14027753]{border-radius:12px;margin-right:30px;overflow:hidden;position:relative;width:645px}.header-actions[data-v-14027753]{justify-content:space-between;margin-bottom:15px}.header-actions[data-v-14027753],.header-actions .right-btn[data-v-14027753]{align-items:center;display:flex}.header-actions .icon_item[data-v-14027753]{color:#555;cursor:pointer;font-size:16px}.header-actions .icon_item[data-v-14027753]:hover{color:#8a33ff}.header-actions .icon_item_active[data-v-14027753]{color:#ffaf02!important}.header-actions .item_left[data-v-14027753]{margin-left:20px}.kuji-banner[data-v-14027753]{position:relative}.kuji-banner[data-v-14027753],.kuji-banner .kuji-banner-img[data-v-14027753]{border-radius:15px;box-shadow:0 3px 12px #00000026}.kuji-banner .kuji-banner-img[data-v-14027753]{height:auto;left:0;max-height:436px;max-width:645px;position:absolute;top:0;width:auto}.rankings[data-v-fb16df88]{background:#fff;border:1px solid #f2f3f5;border-radius:15px;flex:1}.rankings .rankings_title[data-v-fb16df88]{background:#f2f3f5;border-radius:15px 15px 0 0;color:#222;font-size:14px;font-style:normal;font-weight:600;padding:21px 0 21px 30px;text-align:left;text-transform:none}.rankings .rankings_list .rankings_item[data-v-fb16df88]{border-bottom:1px solid #f2f3f5;display:flex;padding:20px}.rankings .rankings_list .rankings_item .rankings_item_medal_box[data-v-fb16df88]{height:45px;position:relative;width:40px}.rankings .rankings_list .rankings_item .rankings_item_medal_box .rankings_item_medal[data-v-fb16df88]{height:32px;left:0;position:absolute;top:0;width:28px}.rankings .rankings_list .rankings_item .rankings_item_medal_box .rankings_item_medal-1[data-v-fb16df88]{color:#fd960c}.rankings .rankings_list .rankings_item .rankings_item_medal_box .rankings_item_medal-1[data-v-fb16df88],.rankings .rankings_list .rankings_item .rankings_item_medal_box .rankings_item_medal-2[data-v-fb16df88]{align-items:center;display:flex;font-size:20px;font-style:normal;font-weight:700;height:32px;justify-content:center;line-height:26px;position:relative;text-align:left;text-transform:none;width:28px}.rankings .rankings_list .rankings_item .rankings_item_medal_box .rankings_item_medal-2[data-v-fb16df88]{color:#829fba}.rankings .rankings_list .rankings_item .rankings_item_medal_box .rankings_item_medal-3[data-v-fb16df88]{color:#ca7425;font-size:20px}.rankings .rankings_list .rankings_item .rankings_item_medal_box .rankings_item_medal-3[data-v-fb16df88],.rankings .rankings_list .rankings_item .rankings_item_rank[data-v-fb16df88]{align-items:center;display:flex;font-style:normal;font-weight:700;height:32px;justify-content:center;line-height:26px;position:relative;text-align:left;text-transform:none;width:28px}.rankings .rankings_list .rankings_item .rankings_item_rank[data-v-fb16df88]{color:#222;font-size:22px}.rankings .rankings_list .rankings_item .rankings_item_header[data-v-fb16df88]{border-radius:50%;height:32px;margin:0 10px 0 20px;width:32px}.rankings .rankings_list .rankings_item .rankings_item_box .rankings_item_name_box[data-v-fb16df88]{display:flex}.rankings .rankings_list .rankings_item .rankings_item_box .rankings_item_name_box .rankings_item_num[data-v-fb16df88]{background:#f0ebfd;border-radius:5px;color:#8a33ff;font-size:12px;font-style:normal;font-weight:400;line-height:14px;margin-right:5px;padding:2px 8px;text-align:left;text-transform:none}.rankings .rankings_list .rankings_item .rankings_item_box .rankings_item_name_box .rankings_item_name[data-v-fb16df88]{color:#222;font-size:14px;font-style:normal;font-weight:400;text-align:left;text-transform:none}.rankings .rankings_list .rankings_item .rankings_item_box .rankings_reward_item_type_box[data-v-fb16df88]{align-items:center;display:flex;flex-wrap:wrap;margin-top:15px}.rankings .rankings_list .rankings_item .rankings_item_box .rankings_reward_item_type_box .rankings_reward_item_type[data-v-fb16df88]{border:1px solid #f2f3f5;border-radius:5px;color:#222;font-size:14px;font-style:normal;font-weight:400;margin-bottom:10px;margin-right:10px;padding:4px 10px;text-align:left;text-transform:none}.list_empty .list_empty_img[data-v-fb16df88]{margin:50px auto;width:40%}.rankings_box[data-v-707c3525]{display:flex;gap:30px;margin-top:40px}.pop_content[data-v-2ea8fbf9]{background:#f2f3f5;display:flex;flex-wrap:wrap;gap:20px;height:500px;overflow-x:hidden;overflow-y:auto;padding:20px 30px;width:980px}.pop_content .box_item[data-v-2ea8fbf9]{background:#fff;border:1px solid #fff;border-radius:10px;cursor:pointer;height:170px;width:442px}.pop_content .box_item .pop_change_box_title[data-v-2ea8fbf9]{align-items:center;border-bottom:1px solid #f2f3f5;display:flex;height:42px;justify-content:space-between;padding:0 20px;width:100%}.pop_content .box_item .pop_change_box_title .number_item[data-v-2ea8fbf9]{color:#222;font-size:16px;font-style:normal;font-weight:600;text-align:left;text-transform:none}.pop_content .box_item .pop_change_box_content[data-v-2ea8fbf9]{display:flex;flex-wrap:wrap;height:128px;overflow-y:auto;padding:0 20px;width:100%}.pop_content .box_item .pop_change_box_content .pop_change_box_content_item[data-v-2ea8fbf9]{align-items:center;color:#222;display:flex;font-size:14px;font-style:normal;font-weight:400;height:32px;text-align:right;text-transform:none;width:25%}.pop_content .box_item .pop_change_box_content .pop_change_box_content_item .pop_change_box_content_reward_item_num[data-v-2ea8fbf9],.pop_content .box_item .pop_change_box_content .pop_change_box_content_item .pop_change_box_content_reward_item_type[data-v-2ea8fbf9]{flex:1;text-align:right}.pop_content .box_item_active[data-v-2ea8fbf9]{background:#fff;border:1px solid #8b5cf5;border-radius:10px;box-shadow:0 3px 12px #8b5cf533}.pop_footer_left[data-v-2ea8fbf9]{color:#222;flex:1;font-size:14px;font-style:normal;font-weight:400;text-transform:none}.kuji_change_box_wrap[data-v-330eeff8]{background:#fff;border:1px solid #f2f3f5;border-radius:10px;box-shadow:0 3px 12px #00000026;height:178px;margin-top:10px;width:525px}.kuji_change_box_wrap .kuji_change_box_title[data-v-330eeff8]{align-items:center;border-bottom:1px solid #f2f3f5;display:flex;height:42px;justify-content:space-between;padding:0 20px;width:525px}.kuji_change_box_wrap .kuji_change_box_title .number_item[data-v-330eeff8]{color:#222;font-size:18px;font-style:normal;font-weight:600;text-align:left;text-transform:none}.kuji_change_box_wrap .kuji_change_box_content[data-v-330eeff8]{height:135px;overflow-y:auto;padding:10px 20px;width:525px}.kuji_change_box_wrap .kuji_change_box_content .kuji_change_box_content_item[data-v-330eeff8]{align-items:center;color:#222;display:inline-flex;font-size:14px;font-style:normal;font-weight:400;height:30px;margin-bottom:10px;text-align:right;text-transform:none;width:25%}.kuji_change_box_wrap .kuji_change_box_content .kuji_change_box_content_item .kuji_change_box_content_reward_item_num[data-v-330eeff8],.kuji_change_box_wrap .kuji_change_box_content .kuji_change_box_content_item .kuji_change_box_content_reward_item_type[data-v-330eeff8]{text-align:right;width:50%}.kuji_change_box_content[data-v-330eeff8]::-webkit-scrollbar{width:10px}.kuji_change_box_content[data-v-330eeff8]::-webkit-scrollbar-track{background:transparent}.kuji_change_box_content[data-v-330eeff8]::-webkit-scrollbar-thumb{background:#e3e3e3;border-radius:10px}.kuji_change_btn_box[data-v-330eeff8]{align-items:center;display:flex;justify-content:space-between;margin:15px 0}.kuji_change_btn_box .btn_item[data-v-330eeff8]{align-items:center;color:#222;cursor:pointer;display:flex;font-size:16px;font-style:normal;font-weight:400;height:32px;justify-content:center;text-align:right;text-transform:none;width:155px}.kuji_change_btn_box .btn_item[data-v-330eeff8]:hover{color:#8a33ff}.kuji_change_btn_box .change_box_btn[data-v-330eeff8]{align-items:center;background:#f2f3f5;border-radius:5px;color:#222;cursor:pointer;display:flex;font-size:16px;font-style:normal;font-weight:600;height:32px;justify-content:center;text-align:right;text-transform:none;width:155px}.kuji_change_btn_box .change_box_btn[data-v-330eeff8]:hover{background:#efefef;color:#8a33ff}.num_class[data-v-330eeff8]{color:#8a33ff}.skip_box[data-v-09795b82]{align-items:center;background:#aaa;border:1px solid #fff;border-radius:30px;bottom:30px;cursor:pointer;display:flex;height:36px;justify-content:center;left:50%;position:fixed;transform:translate(-50%);width:105px;z-index:2002}.skip_box .skip_text[data-v-09795b82]{color:#fff;font-size:18px;font-style:normal;font-weight:400;margin-right:10px;text-align:center;text-transform:none}.skip_box .skip_icon[data-v-09795b82]{color:#fff;font-size:12px}.content[data-v-09795b82]{height:100%;left:0;position:fixed;top:0;width:100%;z-index:2002}.content .content_box[data-v-09795b82]{align-items:center;display:flex;justify-content:center}.content .content_box .bg_base_class[data-v-09795b82]{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.content .content_box .bg_animate_in[data-v-09795b82]{animation:bgEntrance-09795b82 .66s linear}.content .content_box .bg_animate_scale[data-v-09795b82]{animation:backgroundCloseUp-09795b82 .5s linear}.content .content_box .bg_animate_end_scale[data-v-09795b82]{transform:scale(1.4)}.content .content_box .box_base_class[data-v-09795b82]{height:600px;position:relative;width:411px}.content .content_box .box_base_init[data-v-09795b82]{transform:translate(3200px) rotate(-18deg)}.content .content_box .box_animate_in[data-v-09795b82]{animation-delay:.17s;animation-duration:.83s;animation-fill-mode:forwards;animation-name:boxEntrance-09795b82}.content .content_box .box_animate_out[data-v-09795b82]{animation:fadeOutDownBig-09795b82 .5s linear;animation-fill-mode:forwards}.content .content_box .box_animate_end_shake[data-v-09795b82]{animation-delay:1.5s;animation-duration:2s;animation-iteration-count:infinite;animation-name:boxShake-09795b82}.content .content_box .ticket_base_class[data-v-09795b82]{height:214px;left:50%;margin-left:-190px;margin-top:-107px;opacity:0;perspective:1000px;position:absolute;top:50%;width:380px}.content .content_box .ticket_base_class .ticket[data-v-09795b82]{cursor:grab;height:100%;opacity:1;position:relative;transform:scale(.3) rotateX(0) rotate(15deg);transform-style:preserve-3d;width:100%;z-index:1}.content .content_box .ticket_base_class .ticket[data-v-09795b82]:active{cursor:grab}.content .content_box .ticket_base_class .ticket .ticket-face[data-v-09795b82]{align-items:center;backface-visibility:hidden;color:#fff;display:flex;height:100%;justify-content:center;position:absolute;width:100%}.content .content_box .ticket_base_class .ticket .ticket_front_box .ticket_front_bg[data-v-09795b82]{height:100%;width:100%}.content .content_box .ticket_base_class .ticket .ticket_front_box .ticket_front_light[data-v-09795b82]{animation-delay:.5s;animation-duration:1s;animation-iteration-count:infinite;animation-name:ticketFrontLight-09795b82;height:324px;left:-55px;max-width:none;opacity:0;position:absolute;top:-55px;width:490px}.content .content_box .ticket_base_class .ticket .ticket_front_box .top-box[data-v-09795b82]{cursor:grab;height:166px;left:34px;position:absolute;top:24px;width:328px}.content .content_box .ticket_base_class .ticket .ticket_front_box .top-box .top-box-icon[data-v-09795b82]{background-position:100% 0;background-repeat:no-repeat;background-size:328px 166px;height:166px;position:absolute;right:0;top:0}.content .content_box .ticket_base_class .ticket .ticket_front_box .top-box .top-box-icon3[data-v-09795b82]{background-position:100% 0;background-repeat:no-repeat;background-size:328px 166px;height:166px;left:0;overflow:hidden;position:absolute;top:0}.content .content_box .ticket_base_class .ticket .ticket_front_box .top-box .top-box-icon3 .rewards-icon[data-v-09795b82]{height:60px;position:absolute;right:181px;top:65px;width:145px}.content .content_box .ticket_base_class .ticket .ticket_back_box[data-v-09795b82]{transform:rotateX(180deg)}.content .content_box .ticket_base_class .ticket .ticket_back_box .ticket_back_bg[data-v-09795b82]{height:100%;width:100%}.content .content_box .ticket_base_class .ticket .ticket_back_box .ticket_back_bg_icon[data-v-09795b82]{height:178px;position:absolute;right:18px;top:18px;width:178px}.content .content_box .ticket_base_class .ticket_animate_end[data-v-09795b82]{opacity:1;transform:scale(1) rotateX(1turn) rotate(-15deg)}.content .content_box .ticket_animate_in[data-v-09795b82]{animation:ticketFadeIn-09795b82 1.5s linear;animation-fill-mode:forwards}.content .content_box .ticket_parent_animate_in[data-v-09795b82]{animation:ticketParentFadeIn-09795b82 .33s linear;animation-fill-mode:forwards}.content .content_box .ticket_parent_animate_end[data-v-09795b82]{opacity:1}.content .content_box .ticker_animate_out[data-v-09795b82]{animation:ticketFadeOut-09795b82 .2s linear!important;animation-fill-mode:forwards}.content .content_box .ticker_animate_out_end[data-v-09795b82]{opacity:0!important;transform:scale(1) rotateX(1turn) rotate(-15deg) translate(-181px,-41px) rotateY(-45deg)!important}.content .content_box .ticket_reward_icon_out[data-v-09795b82]{animation:ticketRewardIconFadeOut-09795b82 .2s linear!important}.content .content_box .ticket_reward_icon_out_end[data-v-09795b82]{opacity:0;transform:translate(800px)}@keyframes bgEntrance-09795b82{0%{transform:scale(1.3)}50%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes boxEntrance-09795b82{0%{transform:translate(731px) rotate(-18deg)}50%{transform:translate(26px) rotate(3deg)}75%{transform:translate(-9px) rotate(-1deg)}to{transform:translate(0) rotate(0)}}@keyframes boxShake-09795b82{0%{transform:rotate(0)}5%{transform:rotate(6deg)}10%{transform:rotate(-6deg)}15%{transform:rotate(3deg)}20%{transform:rotate(-1deg)}25%{transform:rotate(0)}to{transform:rotate(0)}}@keyframes backgroundCloseUp-09795b82{0%{transform:scale(1)}50%{transform:scale(1.37)}to{transform:scale(1.4)}}@keyframes fadeOutDownBig-09795b82{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}@keyframes ticketFadeIn-09795b82{0%{transform:scale(.3) rotateX(0) rotate(15deg)}55%{transform:scale(1) rotateX(180deg) rotate(-15deg)}66%{transform:scale(1) rotateX(180deg) rotate(-15deg)}to{transform:scale(1) rotateX(1turn) rotate(-15deg)}}@keyframes ticketParentFadeIn-09795b82{0%{opacity:0}to{opacity:1}}@keyframes ticketFrontLight-09795b82{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes ticketFadeOut-09795b82{0%{opacity:1;transform:scale(1) rotateX(1turn) rotate(-15deg) translate(-141px,-41px) rotateY(-45deg)}to{opacity:0;transform:scale(1) rotateX(1turn) rotate(-15deg) translate(-181px,-41px) rotateY(-45deg)}}@keyframes ticketRewardIconFadeOut-09795b82{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(800px)}}.stepThree[data-v-09795b82]{display:flex;flex-direction:column;height:100%;justify-content:flex-start;margin-top:50px;position:absolute;width:100%}.stepThree .settlement_title_dec[data-v-09795b82]{animation-duration:.33s;animation-name:settlementTitleBgShow-09795b82;height:109px;transform:translate(50%) translateY(80%) rotate(-12deg);width:593px}.stepThree .settlement_box[data-v-09795b82]{align-items:flex-end;animation-duration:.33s;animation-name:settlementTitleShow-09795b82;display:flex;height:120px;margin-top:-48px;position:relative;transform:translate(20%) translateY(0) rotate(-12deg)}.stepThree .settlement_box .settlement_title[data-v-09795b82]{height:120px;position:absolute}.stepThree .settlement_box .settlement_text_box[data-v-09795b82]{align-items:flex-end;display:flex;height:36px;margin-bottom:-20px;margin-left:20px;width:90%}.stepThree .settlement_box .settlement_text_box .yfs_settlement_icon[data-v-09795b82]{height:36px;width:38px}.stepThree .settlement_box .settlement_text_box .settlement_box_text[data-v-09795b82]{color:#222;font-family:OPlusSans;font-size:33px;font-weight:500;height:36px;line-height:36px;margin-left:10px;position:relative}.stepThree .settlement_bg_box[data-v-09795b82]{align-items:center;display:flex;height:500px;justify-content:center;position:relative}.stepThree .settlement_bg_box .settlement_bg_green_box[data-v-09795b82]{animation-duration:.33s;animation-name:settlementMaskShow-09795b82;left:-237px;position:absolute;top:calc(50% - 43px);transform:rotate(24deg);width:1224px}.stepThree .settlement_bg_box .mask_box[data-v-09795b82]{animation-duration:.33s;animation-fill-mode:forwards;animation-name:maskShow-09795b82;background-color:#222;height:174px;overflow:hidden;position:absolute;width:3150px}.stepThree .settlement_bg_box .mask_box .settlement_mask_box[data-v-09795b82]{align-items:center;backface-visibility:hidden;display:flex;width:3150px}.stepThree .settlement_bg_box .mask_box .settlement_mask[data-v-09795b82]{flex-shrink:0;height:174px;width:1575px}.stepThree .settlement_bg_box .settlement_bg_item[data-v-09795b82]{animation:settlementBgScroll-09795b82 10s linear infinite;display:flex;position:relative;width:612px}.stepThree .settlement_bg_box .settlement_bg_item .settlement_bg_line[data-v-09795b82]{flex-shrink:0;height:86px;width:612px}.stepThree .settlement_bg_box .cover_box[data-v-09795b82]{height:360px;position:relative;width:360px}.stepThree .settlement_bg_box .cover_box .gift_img[data-v-09795b82]{animation-duration:.33s;animation-name:coverItemShow-09795b82;height:100%;width:100%}.stepThree .ticket_box[data-v-09795b82]{animation-duration:.33s;animation-name:ticketShow-09795b82;bottom:-30px;display:flex;justify-content:flex-end;position:absolute;right:20%;width:100%}.stepThree .ticket_box .ticket_front[data-v-09795b82]{bottom:0;height:132px;position:relative;right:-30px;transform:rotate(-12deg);width:263px}.stepThree .ticket_box .ticket_front .shang_bg[data-v-09795b82]{height:100%;left:0;position:absolute;top:0;width:100%}.stepThree .ticket_box .ticket_front .shang[data-v-09795b82]{height:65px;left:30px;position:absolute;top:45px}.stepThreeHide .coverItemOut[data-v-09795b82]{animation-duration:.33s;animation-fill-mode:forwards;animation-name:coverItemHide-09795b82!important}.stepThreeHide .settlementTitleDecHide[data-v-09795b82]{animation-duration:.33s;animation-fill-mode:forwards;animation-name:settlementTitleBgHide-09795b82}.stepThreeHide .settlementTitleOut[data-v-09795b82]{animation-duration:.33s;animation-fill-mode:forwards;animation-name:settlementTitleHide-09795b82}.stepThreeHide .ticketOut[data-v-09795b82]{animation-duration:.33s;animation-fill-mode:forwards;animation-name:ticketHide-09795b82}.stepThreeHide .maskOut[data-v-09795b82]{animation-duration:.33s;animation-fill-mode:forwards;animation-name:maskHide-09795b82!important}.stepThreeHide .settlementMaskOut[data-v-09795b82]{animation-duration:.33s;animation-fill-mode:forwards;animation-name:settlementMaskHide-09795b82!important}@keyframes coverItemShow-09795b82{0%{transform:scale(0)}40%{transform:scale(1.4)}to{transform:scale(1)}}@keyframes coverItemHide-09795b82{0%{transform:scale(1)}60%{transform:scale(1.4)}to{transform:scale(0)}}@keyframes settlementTitleBgShow-09795b82{0%{opacity:0;transform:translate(128px) translateY(27px) rotate(-12deg)}to{opacity:1;transform:translate(50%) translateY(80%) rotate(-12deg)}}@keyframes settlementTitleBgHide-09795b82{0%{opacity:1;transform:translate(50%) translateY(80%) rotate(-12deg)}to{opacity:0;transform:translate(128px) translateY(27px) rotate(-12deg)}}@keyframes settlementTitleShow-09795b82{0%{opacity:0;transform:translate(-180.5px) translateY(-38.4px) rotate(-12deg)}to{opacity:1;transform:translate(20%) translateY(0) rotate(-12deg)}}@keyframes settlementTitleHide-09795b82{0%{opacity:1;transform:translate(20%) translateY(0) rotate(-12deg)}to{opacity:0;transform:translate(-180.5px) translateY(-38.4px) rotate(-12deg)}}@keyframes ticketShow-09795b82{0%{transform:translate(353px) translateY(75px)}to{transform:translate(0) translateY(0)}}@keyframes ticketHide-09795b82{0%{transform:translate(0) translateY(0)}to{transform:translate(353px) translateY(75px)}}@keyframes maskShow-09795b82{0%{transform:scaleY(0) rotate(-12deg)}to{transform:scaleY(1) rotate(-12deg)}}@keyframes maskHide-09795b82{0%{transform:scaleY(1) rotate(-12deg)}to{transform:scaleY(0) rotate(-12deg)}}@keyframes settlementMaskShow-09795b82{0%{transform:scaleY(0) rotate(24deg)}to{transform:scaleY(1) rotate(24deg)}}@keyframes settlementMaskHide-09795b82{0%{transform:scaleY(1) rotate(24deg)}to{transform:scaleY(0) rotate(24deg)}}@keyframes settlementBgScroll-09795b82{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes maskScroll-09795b82{0%{transform:translate(0) translateZ(0)}to{transform:translate(-50%) translateZ(0)}}