<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body{background: #330916;}

.stage{height: 100%;-webkit-transform:translate3d(0,0,0);}
.stage.in{-webkit-animation: fadeIn 0.5s 1 ease-in-out;}
.stage.out{-webkit-animation: fadeOut 0.5s 1 ease-in-out;}

#main_container{position: relative;}

#main.fix{min-height: initial;}
#main{-webkit-transform-origin: 0 0;}
/*MAIN START*/
#main{width: 750px; min-height: 2891px;}
/*MAIN END*/
/*.role_tips START*/
.role_tips{}
/*.role_tips .mc START*/
.role_tips .mc{position: absolute; width: 672px; height: 865px; top: 0; left: 36px; right: 0; margin: 0 auto; }
.role_tips .mc .mc_bg{position: absolute; width: 639px; height: 831px; top: 34px; left: 0px; background: url(../images/role_tips_mc_mc_bg_27.png); }
.role_tips .mc .role_txt{position: absolute; width: 552px; top: 290px; left: 44px; color: RGB(236,228,203); font-size: 24px; line-height: 36px; }
.role_tips .mc .role_txt p{margin: 10px auto; }
.role_tips .mc .time_txt{position: absolute; width: 550px; top: 105px; left: 42px; color: RGB(255,208,63); font-size: 24px; line-height: 32px; text-align: center; }
.role_tips .mc .close_button{position: absolute; width: 101px; height: 98px; top: 0px; left: 571px; background: url(../images/role_tips_mc_close_button_22.png); }
/*.prize_tips START*/
.prize_tips{}
/*.prize_tips .mc START*/
.prize_tips .mc{position: absolute; width: 672px; height: 262px; top: 0; left: 36px; right: 0; margin: 0 auto; }
.prize_tips .mc .mc_bg{position: absolute; width: 639px; height: 228px; top: 34px; left: 0px; background: url(../images/prize_tips_mc_mc_bg_29.png); }
.prize_tips .mc .close_button{position: absolute; width: 101px; height: 98px; top: 0px; left: 571px; background: url(../images/role_tips_mc_close_button_22.png); }
/*.how_tips START*/
.how_tips{}
/*.how_tips .mc START*/
.how_tips .mc{position: absolute; width: 672px; height: 765px; top: 0; left: 36px; right: 0; margin: 0 auto; }
.how_tips .mc .mc_bg{position: absolute; width: 639px; height: 731px; top: 34px; left: 0px; background: url(../images/how_tips_mc_mc_bg_97.png); }
.how_tips .mc .close_button{position: absolute; width: 101px; height: 98px; top: 0px; left: 571px; background: url(../images/role_tips_mc_close_button_22.png); }
/*.help_tips START*/
.help_tips{}
/*.help_tips .mc START*/
.help_tips .mc{position: absolute; width: 672px; height: 352px; top: 0; left: 36px; right: 0; margin: 0 auto; }
.help_tips .mc .mc_bg{position: absolute; width: 639px; height: 318px; top: 34px; left: 0px; background: url(../images/help_tips_mc_mc_bg_88.png); }
.help_tips .mc .msg_txt{position: absolute; width: 530px; top: 97px; left: 55px; color: RGB(255,208,63); font-size: 34px; line-height: 48px; text-align: center; }
.help_tips .mc .game_tips_button{position: absolute; width: 267px; height: 63px; top: 240px; left: 188px; background: url(../images/help_tips_mc_game_tips_button_59.png); }
.help_tips .mc .close_button{position: absolute; width: 101px; height: 98px; top: 0px; left: 571px; background: url(../images/role_tips_mc_close_button_22.png); }
/*.game_tips START*/
.game_tips{}
/*.game_tips .mc START*/
.game_tips .mc{position: absolute; width: 672px; height: 352px; top: 0; left: 36px; right: 0; margin: 0 auto; }
.game_tips .mc .mc_bg{position: absolute; width: 639px; height: 318px; top: 34px; left: 0px; background: url(../images/game_tips_mc_mc_bg_70.png); }
.game_tips .mc .link_button{position: absolute; width: 267px; height: 63px; top: 240px; left: 188px; background: url(../images/game_tips_mc_link_button_25.png); }
.game_tips .mc .close_button{position: absolute; width: 101px; height: 98px; top: 0px; left: 571px; background: url(../images/role_tips_mc_close_button_22.png); }
/*.stage3 START*/
.stage3{}
.stage3 .video{position: absolute; width: 750px; height: 1448px; top: 0px; left: 0px; z-index: 0; }
.stage3 .skip_button{position: absolute; width: 189px; height: 52px; right: 30px; top: 0; background: url(../images/skip_button.png); }
/*.stage2 START*/
.stage2{}
.stage2.long{position: relative; height: 2891px; }
.stage2 .bg{position: absolute; width: 750px; height: 2891px; top: 0px; left: 0px; background: url(../images/stage2_bg_71.png); }
.stage2 .logo{position: absolute; width: 750px; height: 105px; top: 0px; left: 0px; background: url(../images/stage2_logo_33.png); }
/*.stage2 .cards START*/
.stage2 .cards{position: absolute; width: 664px; height: 304px; top: 237px; left: 48px;}
.stage2 .cards .card1{position: absolute; width: 229px; height: 294px; top: 4px; left: 0px; background: url(../images/stage2_cards_card1_26.png); }
.stage2 .cards .card2{position: absolute; width: 225px; height: 304px; top: 0px; left: 214px; background: url(../images/stage2_cards_card2_88.png); }
.stage2 .cards .card3{position: absolute; width: 230px; height: 298px; top: 6px; left: 434px; background: url(../images/stage2_cards_card3_19.png); }
.stage2 .title{position: absolute; width: 499px; height: 115px; top: 117px; left: 133px; background: url(../images/stage2_title_57.png); }
.stage2 .arrow{position: absolute; width: 258px; height: 38px; top: 1060px; left: 246px; background: url(../images/stage2_arrow_47.png); }
/*.stage2 .user_mc START*/
.stage2 .user_mc{position: absolute; width: 704px; height: 80px; top: 531px; left: 26px;}
.stage2 .user_mc .user_bg{position: absolute; width: 704px; height: 80px; top: 0px; left: 0px; background: url(../images/stage2_user_mc_user_bg_15.png); }
.stage2 .user_mc .name_txt{position: absolute; width: 618px; top: 18px; left: 80px; color: RGB(236,228,203); font-size: 24px; line-height: 44px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.stage2 .user_mc .face{position: absolute; width: 68px; height: 68px; top: 6px; left: 6px; -webkit-border-radius: 50%; }
/*.stage2 .total_mc START*/
.stage2 .total_mc{position: absolute; width: 709px; height: 140px; top: 670px; left: 20px;}
.stage2 .total_mc .total_mc_bg{position: absolute; width: 709px; height: 134px; top: 6px; left: 0px; background: url(../images/stage2_total_mc_total_mc_bg_41.png); }
.stage2 .total_mc .line_bg{position: absolute; width: 595px; height: 15px; top: 52px; left: 78px; background: url(../images/stage2_total_mc_line_bg_44.png); }
.stage2 .total_mc .line{position: absolute; width: 587px; height: 9px; top: 55px; left: 82px; background: url(../images/stage2_total_mc_line_42.png); }
.stage2 .total_mc .zero_txt{position: absolute; width: 11px; top: 102px; left: 89px; color: RGB(255,238,186); font-size: 22px; line-height: 22px; }
/*.stage2 .total_mc .item_mc START*/
.stage2 .total_mc .item_mc{position: absolute; width: 550px; height: 120px; top: 0px; left: 137px;}
.stage2 .total_mc .item_mc .item .number{position: absolute; width: 30px; top: 62px; left: 66px; font-size: 20px; line-height: 30px; text-align: center; color: #fff; }
/*.stage2 .total_mc .item_mc .item1 START*/
.stage2 .total_mc .item_mc .item1{position: absolute; width: 110px; height: 120px; top: 0px; left: 0px;}
/*.stage2 .total_mc .item_mc .item1 .finish_mc START*/
.stage2 .total_mc .item_mc .item1 .finish_mc{position: absolute; width: 110px; height: 107px; top: 0px; left: 0px;}
.stage2 .total_mc .item_mc .item1 .finish_mc .finish_pic{position: absolute; width: 99px; height: 95px; top: 12px; left: 11px; background: url(../images/stage2_total_mc_item_mc_item1_finish_mc_finish_pic_84.png); }
.stage2 .total_mc .item_mc .item1 .finish_mc .finish_icon{position: absolute; width: 88px; height: 84px; top: 0px; left: 0px; background: url(../images/stage2_total_mc_item_mc_item1_finish_mc_finish_icon_84.png); }
.stage2 .total_mc .item_mc .item1 .no_finish{position: absolute; width: 99px; height: 95px; top: 12px; left: 11px; background: url(../images/stage2_total_mc_item_mc_item1_no_finish_68.png); }
.stage2 .total_mc .item_mc .item1 .level_txt{position: absolute; width: 23px; top: 103px; left: 49px; color: RGB(255,238,186); font-size: 22px; line-height: 22px; }
/*.stage2 .total_mc .item_mc .item2 START*/
.stage2 .total_mc .item_mc .item2{position: absolute; width: 110px; height: 120px; top: 0px; left: 110px;}
/*.stage2 .total_mc .item_mc .item2 .finish_mc START*/
.stage2 .total_mc .item_mc .item2 .finish_mc{position: absolute; width: 110px; height: 107px; top: 0px; left: 0px;}
.stage2 .total_mc .item_mc .item2 .finish_mc .finish_pic{position: absolute; width: 99px; height: 95px; top: 12px; left: 11px; background: url(../images/stage2_total_mc_item_mc_item1_finish_mc_finish_pic_84.png); }
.stage2 .total_mc .item_mc .item2 .finish_mc .finish_icon{position: absolute; width: 88px; height: 84px; top: 0px; left: 0px; background: url(../images/stage2_total_mc_item_mc_item1_finish_mc_finish_icon_84.png); }
.stage2 .total_mc .item_mc .item2 .no_finish{position: absolute; width: 99px; height: 95px; top: 12px; left: 11px; background: url(../images/stage2_total_mc_item_mc_item1_no_finish_68.png); }
.stage2 .total_mc .item_mc .item2 .level_txt{position: absolute; width: 24px; top: 103px; left: 48px; color: RGB(255,238,186); font-size: 22px; line-height: 22px; }
/*.stage2 .total_mc .item_mc .item3 START*/
.stage2 .total_mc .item_mc .item3{position: absolute; width: 110px; height: 120px; top: 0px; left: 220px;}
/*.stage2 .total_mc .item_mc .item3 .finish_mc START*/
.stage2 .total_mc .item_mc .item3 .finish_mc{position: absolute; width: 110px; height: 107px; top: 0px; left: 0px;}
.stage2 .total_mc .item_mc .item3 .finish_mc .finish_pic{position: absolute; width: 99px; height: 95px; top: 12px; left: 11px; background: url(../images/stage2_total_mc_item_mc_item1_finish_mc_finish_pic_84.png); }
.stage2 .total_mc .item_mc .item3 .finish_mc .finish_icon{position: absolute; width: 88px; height: 84px; top: 0px; left: 0px; background: url(../images/stage2_total_mc_item_mc_item1_finish_mc_finish_icon_84.png); }
.stage2 .total_mc .item_mc .item3 .no_finish{position: absolute; width: 99px; height: 95px; top: 12px; left: 11px; background: url(../images/stage2_total_mc_item_mc_item1_no_finish_68.png); }
.stage2 .total_mc .item_mc .item3 .level_txt{position: absolute; width: 24px; top: 103px; left: 48px; color: RGB(255,238,186); font-size: 22px; line-height: 22px; }
/*.stage2 .total_mc .item_mc .item4 START*/
.stage2 .total_mc .item_mc .item4{position: absolute; width: 110px; height: 120px; top: 0px; left: 330px;}
/*.stage2 .total_mc .item_mc .item4 .finish_mc START*/
.stage2 .total_mc .item_mc .item4 .finish_mc{position: absolute; width: 110px; height: 107px; top: 0px; left: 0px; }
.stage2 .total_mc .item_mc .item4 .finish_mc .finish_pic{position: absolute; width: 99px; height: 95px; top: 12px; left: 11px; background: url(../images/stage2_total_mc_item_mc_item1_finish_mc_finish_pic_84.png); }
.stage2 .total_mc .item_mc .item4 .finish_mc .finish_icon{position: absolute; width: 88px; height: 84px; top: 0px; left: 0px; background: url(../images/stage2_total_mc_item_mc_item1_finish_mc_finish_icon_84.png); }
.stage2 .total_mc .item_mc .item4 .no_finish{position: absolute; width: 99px; height: 95px; top: 12px; left: 11px; background: url(../images/stage2_total_mc_item_mc_item1_no_finish_68.png); }
.stage2 .total_mc .item_mc .item4 .level_txt{position: absolute; width: 25px; top: 103px; left: 47px; color: RGB(255,238,186); font-size: 22px; line-height: 22px; }
/*.stage2 .total_mc .item_mc .item5 START*/
.stage2 .total_mc .item_mc .item5{position: absolute; width: 110px; height: 120px; top: 0px; left: 440px;}
/*.stage2 .total_mc .item_mc .item5 .finish_mc START*/
.stage2 .total_mc .item_mc .item5 .finish_mc{position: absolute; width: 110px; height: 107px; top: 0px; left: 0px;}
.stage2 .total_mc .item_mc .item5 .finish_mc .finish_pic{position: absolute; width: 99px; height: 95px; top: 12px; left: 11px; background: url(../images/stage2_total_mc_item_mc_item1_finish_mc_finish_pic_84.png); }
.stage2 .total_mc .item_mc .item5 .finish_mc .finish_icon{position: absolute; width: 88px; height: 84px; top: 0px; left: 0px; background: url(../images/stage2_total_mc_item_mc_item1_finish_mc_finish_icon_84.png); }
.stage2 .total_mc .item_mc .item5 .no_finish{position: absolute; width: 99px; height: 95px; top: 12px; left: 11px; background: url(../images/stage2_total_mc_item_mc_item1_no_finish_68.png); }
.stage2 .total_mc .item_mc .item5 .level_txt{position: absolute; width: 23px; top: 103px; left: 49px; color: RGB(255,238,186); font-size: 22px; line-height: 22px; }
/*.stage2 .today_mc START*/
.stage2 .today_mc{position: absolute; width: 709px; height: 108px; top: 825px; left: 20px;}
.stage2 .today_mc .today_mc_bg{position: absolute; width: 709px; height: 108px; top: 0px; left: 0px; background: url(../images/stage2_today_mc_today_mc_bg_76.png); }
.stage2 .today_mc .prize_txt{position: absolute; width: 126px; top: 55px; left: 100px; color: RGB(255,193,0); font-size: 22px; line-height: 30px; text-align: center; }
.stage2 .today_mc .today_txt{position: absolute; width: 110px; top: 55px; left: 300px; color: RGB(255,193,0); font-size: 22px; line-height: 30px; text-align: center; }
.stage2 .today_mc .total_txt{position: absolute; width: 100px; top: 55px; left: 470px; color: RGB(255,193,0); font-size: 22px; line-height: 30px; text-align: center; white-space: nowrap; }
.stage2 .today_mc .prize_tips_button{position: absolute; width: 101px; height: 99px; top: 6px; left: 585px; background: url(../images/stage2_today_mc_prize_tips_button_46.png); }
.stage2 .help_txt_1{position: absolute; width: 750px; top: 630px; left: 0; text-align: center; font-size: 22px; color: #fff; }
.stage2 .help_txt_2{position: absolute; width: 750px; top: 1024px; left: 0; text-align: center; font-size: 22px; color: #fff; }
.stage2 .item{position: absolute; width: 627px; height: 1194px; top: 243px; left: 31px; background: url(../images/stage2_item_100.png); }
.stage2 .copyright{position: absolute; width: 463px; height: 17px; top: 1279px; left: 18px; background: url(../images/stage2_copyright_64.png); }
.stage2 .help_tips_button{position: absolute; width: 267px; height: 63px; top: 956px; left: 79px; background: url(../images/stage2_help_tips_button_82.png); }
.stage2 .game_tips_button{position: absolute; width: 267px; height: 63px; top: 956px; left: 409px; background: url(../images/stage2_game_tips_button_13.png); }
.stage2 .role_tips_button{position: absolute; width: 36px; height: 128px; top: 104px; left: 714px; background: url(../images/stage2_role_tips_button_23.png); }
/*.stage2 .friends_mc START*/
.stage2 .friends_mc{position: absolute; width: 750px; height: 1439px; top: 1452px; left: 0px;}
.stage2 .friends_mc .friends_mc_bg{position: absolute; width: 750px; height: 1418px; top: 21px; left: 0px; background: url(../images/stage2_friends_mc_friends_mc_bg_41.png); }
/*.stage2 .friends_mc .friends_list START*/
.stage2 .friends_mc .friends_list{position: absolute; width: 750px; max-height: 1100px; top: 15px; left: 0; display: -webkit-flex; -webkit-flex-direction: row; -webkit-flex-wrap: wrap; -webkit-justify-content: flex-start; -webkit-align-items: flex-start; overflow: hidden; }
/*.stage2 .friends_mc .friends_list .user START*/
.stage2 .friends_mc .friends_list .user{position: relative; width: 185px; height: 189px; top: 0px; left: 0px; margin: 15px 0; }
.stage2 .friends_mc .friends_list .user .face{position: absolute; width: 105px; height: 105px; top: 13px; left: 39px; -webkit-border-radius: 50%; }
.stage2 .friends_mc .friends_list .user .face_top{position: absolute; width: 185px; height: 189px; top: 0px; left: 0px; background: url(../images/stage2_friends_mc_friends_list_user_face_top_42.png); }
.stage2 .friends_mc .friends_list .user .name_txt{position: absolute; width: 150px; top: 138px; left: 20px; color: RGB(236,228,203); font-size: 22px; line-height: 48px; text-align: center; }
.stage2 .friends_mc .item_top{position: absolute; width: 593px; height: 1427px; top: 0px; left: 30px; background: url(../images/stage2_friends_mc_item_top_47.png); }
/*.stage1 START*/
.stage1{}
.stage1 .bg{position: absolute; width: 750px; height: 2891px; top: 0px; left: 0px; background: url(../images/stage1_bg_24.png); }
/*.stage1 .loading_mc START*/
.stage1 .loading_mc{position: absolute; width: 723px; height: 160px; top: 535px; left: 0px;}
.stage1 .loading_mc .line_bg{position: absolute; width: 723px; height: 65px; top: 81px; left: 0px; background: url(../images/stage1_loading_mc_line_bg_32.png); }
.stage1 .loading_mc .line{position: absolute; width: 594px; height: 11px; top: 105px; left: 93px; background: url(../images/stage1_loading_mc_line_11.png); }
.stage1 .loading_mc .item{position: absolute; width: 84px; height: 89px; top: 0px; left: 44px; background: url(../images/stage1_loading_mc_item_96.png); }
.stage1 .loading_mc .count_txt{position: absolute; width: 75px; top: 142px; left: 50px; color: RGB(240,222,175); font-size: 24px; line-height: 24px; text-align: center; }
.stage1 .click_tip{position: absolute; width: 228px; height: 228px; top: 700px; left: 0; right: 0; margin: 0 auto; -webkit-animation: roundMove 2s infinite linear both; }
.stage1 .click_tip .inside{width: 228px; height: 228px; top: 0; left: 0; right: 0; margin: 0 auto; background: url(../images/finger.png); -webkit-animation: scaleMove 3.5s infinite ease-in-out both; }

@-webkit-keyframes roundMove { 
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@-webkit-keyframes scaleMove { 
  0%,100% { -webkit-transform: scale(1); }
  50% { -webkit-transform: scale(1.3); }
}</pre></body></html>