body{background: #fff;}

.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: 1333px;}

.copy_tips .link{position: absolute; width: 600px; top: 360px; left: 0; right: 0; margin: 0 auto; text-align: center; color: #000; font-size: 24px; line-height: 32px; background: #fff; padding: 10px 0; -webkit-user-select: text; }
.copy_tips .txt{position: absolute; width: 600px; top: 300px; left: 0; right: 0; margin: 0 auto; text-align: center; color: #fff; font-size: 24px; }

.wx_tips .pic{position: absolute; width: 272px; height: 298px; background: url(../images/wx.png); top: 20px; right: 20px; }
/*MAIN END*/
.word2_tips .pic{position: absolute; width: 560px; height: 111px; top: 565px; left: 96px; background: url(../images/stage4_word_mc_word2_50.png); }
.word1_tips .pic{position: absolute; width: 588px; height: 111px; top: 565px; left: 81px; background: url(../images/stage4_word_mc_word1_49.png); }
/*.day1_tomorrow_tips START*/
.day1_tomorrow_tips{}
.day1_tomorrow_tips .pic{position: absolute; width: 611px; height: 272px; top: 542px; left: 70px; background: url(../images/day1_tomorrow_tips_pic_69.png); }
.day1_tomorrow_tips .close_button{position: absolute; width: 227px; height: 72px; top: 767px; left: 266px; background: url(../images/day1_tomorrow_tips_close_button_83.png); }
/*.day1_share_tips START*/
.day1_share_tips{}
.day1_share_tips .pic{position: absolute; width: 611px; height: 380px; top: 477px; left: 70px; background: url(../images/day1_share_tips_pic_30.png); }
.day1_share_tips .stage10_button{position: absolute; width: 227px; height: 72px; top: 778px; left: 383px; background: url(../images/day1_share_tips_stage10_button_32.png); }
/*.day2_share_tips START*/
.day2_share_tips{}
.day2_share_tips .pic{position: absolute; width: 611px; height: 379px; top: 465px; left: 70px; background: url(../images/day2_share_tips_pic_48.png); }
.day2_share_tips .close_button{position: absolute; width: 227px; height: 72px; top: 796px; left: 262px; background: url(../images/day2_share_tips_close_button_57.png); }
/*.day3_share_tips START*/
.day3_share_tips{}
.day3_share_tips .pic{position: absolute; width: 611px; height: 380px; top: 477px; left: 70px; background: url(../images/day3_share_tips_pic_47.png); }
.day3_share_tips .stage10_button{position: absolute; width: 216px; height: 72px; top: 778px; left: 437px; background: url(../images/day3_share_tips_stage10_button_48.png); }
/*.full_tips START*/
.full_tips{}
.full_tips .pic{position: absolute; width: 611px; height: 456px; top: 426px; left: 70px; background: url(../images/full_tips_pic_23.png); }
.full_tips .stage19_button{position: absolute; width: 227px; height: 72px; top: 835px; left: 266px; background: url(../images/full_tips_stage19_button_11.png); }
/*.day5_share_tips START*/
.day5_share_tips{}
.day5_share_tips .pic{position: absolute; width: 611px; height: 348px; top: 492px; left: 70px; background: url(../images/day5_share_tips_pic_32.png); }
.day5_share_tips .stage10_button{position: absolute; width: 381px; height: 143px; top: 690px; left: 185px; background: url(../images/day5_share_tips_stage10_button_46.png); }
/*.stage25 START*/
.stage25{}
.stage25 .bg{position: absolute; width: 750px; height: 1333px; top: 0px; left: 0px; background: url(../images/share_day5.png); }
/*.stage25 .share_mc START*/
.stage25 .share_mc{position: absolute; width: 428px; height: 69px; top: 1184px; left: 54px; background: url(../images/share_day5_button.png); }
.stage25 .share_mc .wx_button{position: absolute; width: 52px; height: 49px; top: 10px; left: 140px; }
.stage25 .share_mc .tl_button{position: absolute; width: 51px; height: 52px; top: 10px; left: 206px; }
.stage25 .share_mc .qzone_button{position: absolute; width: 51px; height: 50px; top: 10px; left: 272px; }
/*.stage23 START*/
.stage23{}
.stage23 .bg{position: absolute; width: 750px; height: 1333px; top: 0px; left: 0px; background: url(../images/stage23_bg_85.png); }
/*.stage23 .msg_mc START*/
.stage23 .msg_mc{position: absolute; width: 750px; height: 795px; top: 538px; left: 0px;}
.stage23 .msg_mc .msg5{position: absolute; width: 710px; height: 607px; top: 188px; left: 40px; background: url(../images/stage23_msg_mc_msg5_27.png); }
.stage23 .msg_mc .msg4{position: absolute; width: 725px; height: 795px; top: 0px; left: 0px; background: url(../images/stage23_msg_mc_msg4_66.png); }
.stage23 .msg_mc .msg3{position: absolute; width: 725px; height: 795px; top: 0px; left: 0px; background: url(../images/stage23_msg_mc_msg3_60.png); }
.stage23 .msg_mc .msg2{position: absolute; width: 725px; height: 795px; top: 0px; left: 0px; background: url(../images/stage23_msg_mc_msg2_77.png); }
.stage23 .msg_mc .msg1{position: absolute; width: 725px; height: 795px; top: 0px; left: 0px; background: url(../images/stage23_msg_mc_msg1_16.png); }
/*.stage22 START*/
.stage22{}
.stage22 .bg{position: absolute; width: 750px; height: 1333px; top: 0px; left: 0px; background: url(../images/stage23_bg_85.png); }
.stage22 .msg{position: absolute; width: 725px; height: 661px; top: 672px; left: 25px; background: url(../images/stage22_msg_66.png); }
/*.stage21 START*/
.stage21{}
.stage21 .bg{position: absolute; width: 750px; height: 1333px; top: 0px; left: 0px; background: url(../images/stage21_bg_1.png); }
.stage21 .stage22_button{position: absolute; width: 381px; height: 109px; top: 1224px; left: 369px; background: url(../images/stage21_stage22_button_50.png); }
/*.stage20 START*/
.stage20{}
.stage20 .bg{position: absolute; width: 750px; height: 1333px; top: 0px; left: 0px; background: url(../images/stage20_bg_20.png); }
.stage20 .word{position: absolute; width: 593px; height: 111px; top: 565px; left: 79px; background: url(../images/stage20_word_98.png); }
/*.stage19 START*/
.stage19{}
.stage19 .bg{position: absolute; width: 750px; height: 1333px; top: 0px; left: 0px; background: url(../images/stage19_bg_87.png); }
.stage19 .face{position: absolute; width: 185px; height: 138px; top: 1037px; left: 384px; background: url(../images/stage19_face_98.png); }
/*.stage18 START*/
.stage18{}
.stage18 .bg{position: absolute; width: 750px; height: 1333px; top: 0px; left: 0px; background: url(../images/stage19_bg_87.png); }
.stage18 .face{position: absolute; width: 185px; height: 138px; top: 914px; left: 243px; background: url(../images/stage18_face_87.png); }
/*.stage17 START*/
.stage17{}
.stage17 .bg{position: absolute; width: 750px; height: 1333px; top: 0px; left: 0px; background: url(../images/stage17_bg_50.png); }
/*.stage17 .help_mc START*/
.stage17 .help_mc{position: absolute; width: 701px; height: 317px; top: 960px; left: 13px;}
.stage17 .help_mc .pic{position: absolute; width: 701px; height: 310px; top: 0px; left: 0px; background: url(../images/stage17_help_mc_pic_4.png); }
/*.stage17 .help_mc .line_mc START*/
.stage17 .help_mc .line_mc{position: absolute; width: 471px; height: 24px; top: 167px; left: 203px;}
.stage17 .help_mc .line_mc .line_bg{position: absolute; width: 457px; height: 16px; top: 3px; left: 2px; background: url(../images/stage17_help_mc_line_mc_line_bg_43.png); }
.stage17 .help_mc .line_mc .line{position: absolute; width: 462px; height: 17px; top: 3px; left: 0px; background: url(../images/stage17_help_mc_line_mc_line_28.png); }
.stage17 .help_mc .line_mc .top{position: absolute; width: 440px; height: 24px; top: 0px; left: 31px; background: url(../images/stage17_help_mc_line_mc_top_77.png); }
.stage17 .help_mc .time_txt{position: absolute; top: 15px; right: 28px; color: RGB(255,255,255); font-size: 20px; line-height: 28px; white-space: nowrap; }
.stage17 .help_mc .res_txt{position: absolute; width: 220px; top: 202px; left: 329px; color: RGB(255,255,255); font-size: 24px; line-height: 28px; white-space: nowrap; }
.stage17 .help_mc .wx_tips_button{position: absolute; width: 370px; height: 78px; top: 239px; left: 254px; background: url(../images/stage17_help_mc_wx_tips_button_39.png); }
.stage17 .help_mc .help_button{position: absolute; width: 370px; height: 78px; top: 239px; left: 254px; background: url(../images/stage17_help_mc_help_button_6.png); }
/*.stage17 .share_mc START*/
.stage17 .share_mc{position: absolute; width: 461px; height: 72px; top: 874px; left: 289px; -webkit-animation: fadeInRight 0.5s 1 ease-in-out both; }
.stage17 .share_mc .share_bg{position: absolute; width: 461px; height: 72px; top: 0px; left: 0px; background: url(../images/stage17_share_mc_share_bg_22.png); }
.stage17 .share_mc .wx_button{position: absolute; width: 52px; height: 49px; top: 13px; left: 193px; background: url(../images/stage17_share_mc_wx_button_83.png); }
.stage17 .share_mc .tl_button{position: absolute; width: 51px; height: 52px; top: 13px; left: 259px; background: url(../images/stage17_share_mc_tl_button_46.png); }
.stage17 .share_mc .qzone_button{position: absolute; width: 51px; height: 50px; top: 13px; left: 324px; background: url(../images/stage17_share_mc_qzone_button_82.png); }
/*.stage16 START*/
.stage16{}
.stage16 .bg{position: absolute; width: 750px; height: 1333px; top: 0px; left: 0px; background: url(../images/stage16_bg_42.png); }
/*.stage16 .msg_mc START*/
.stage16 .msg_mc{position: absolute; width: 718px; height: 786px; top: 547px; left: 0px;}
.stage16 .msg_mc .msg2{position: absolute; width: 471px; height: 143px; top: 548px; left: 247px; background: url(../images/stage16_msg_mc_msg2_43.png); }
.stage16 .msg_mc .msg1{position: absolute; width: 718px; height: 786px; top: 0px; left: 0px; background: url(../images/stage16_msg_mc_msg1_53.png); }
/*.stage15 START*/
.stage15{}
.stage15 .bg{position: absolute; width: 750px; height: 1333px; top: 0px; left: 0px; background: url(../images/stage19_bg_87.png); }
.stage15 .face{position: absolute; width: 186px; height: 138px; top: 636px; left: 106px; background: url(../images/stage15_face_22.png); }
/*.stage14 START*/
.stage14{}
.stage14 .bg{position: absolute; width: 750px; height: 1333px; top: 0px; left: 0px; background: url(../images/stage14_bg_53.png); }
/*.stage14 .msg_mc START*/
.stage14 .msg_mc{position: absolute; width: 750px; height: 786px; top: 547px; left: 0px;}
.stage14 .msg_mc .msg5{position: absolute; width: 710px; height: 607px; top: 179px; left: 40px; background: url(../images/stage23_msg_mc_msg5_27.png); }
.stage14 .msg_mc .msg4{position: absolute; width: 725px; height: 786px; top: 0px; left: 0px; background: url(../images/stage14_msg_mc_msg4_46.png); }
.stage14 .msg_mc .msg3{position: absolute; width: 725px; height: 786px; top: 0px; left: 0px; background: url(../images/stage14_msg_mc_msg3_21.png); }
.stage14 .msg_mc .msg2{position: absolute; width: 725px; height: 786px; top: 0px; left: 0px; background: url(../images/stage14_msg_mc_msg2_52.png); }
.stage14 .msg_mc .msg1{position: absolute; width: 725px; height: 786px; top: 0px; left: 0px; background: url(../images/stage14_msg_mc_msg1_84.png); }
/*.stage13 START*/
.stage13{}
.stage13 .bg{position: absolute; width: 750px; height: 1333px; top: 0px; left: 0px; background: url(../images/stage19_bg_87.png); }
.stage13 .face{position: absolute; width: 185px; height: 137px; top: 399px; left: 231px; background: url(../images/stage13_face_68.png); }
/*.stage12 START*/
.stage12{}
.stage12 .bg{position: absolute; width: 750px; height: 1333px; top: 0px; left: 0px; background: url(../images/stage12_bg_42.png); }
/*.stage12 .msg_mc START*/
.stage12 .msg_mc{position: absolute; width: 750px; height: 1333px; top: 0px; left: 0px;}
.stage12 .msg_mc .msg9{position: absolute; width: 716px; height: 595px; top: 720px; left: 34px; background: url(../images/stage12_msg_mc_msg9_82.png); }
.stage12 .msg_mc .msg8{position: absolute; width: 750px; height: 1333px; top: 0px; left: 0px; background: url(../images/stage12_msg_mc_msg8_60.png); }
.stage12 .msg_mc .msg7{position: absolute; width: 718px; height: 786px; top: 547px; left: 0px; background: url(../images/stage12_msg_mc_msg7_94.png); }
.stage12 .msg_mc .msg6{position: absolute; width: 716px; height: 631px; top: 684px; left: 34px; background: url(../images/stage12_msg_mc_msg6_21.png); }
.stage12 .msg_mc .msg5{position: absolute; width: 718px; height: 786px; top: 547px; left: 0px; background: url(../images/stage12_msg_mc_msg5_98.png); }
.stage12 .msg_mc .msg4{position: absolute; width: 716px; height: 595px; top: 720px; left: 34px; background: url(../images/stage12_msg_mc_msg4_47.png); }
.stage12 .msg_mc .msg3{position: absolute; width: 718px; height: 786px; top: 547px; left: 0px; background: url(../images/stage12_msg_mc_msg3_86.png); }
.stage12 .msg_mc .msg2{position: absolute; width: 721px; height: 548px; top: 767px; left: 29px; background: url(../images/stage12_msg_mc_msg2_22.png); }
.stage12 .msg_mc .msg1{position: absolute; width: 718px; height: 786px; top: 547px; left: 0px; background: url(../images/stage12_msg_mc_msg1_88.png); }
/*.stage11 START*/
.stage11{}
.stage11 .bg{position: absolute; width: 750px; height: 1333px; top: 0px; left: 0px; background: url(../images/stage19_bg_87.png); }
.stage11 .face{position: absolute; width: 186px; height: 138px; top: 342px; left: 460px; background: url(../images/stage11_face_13.png); }
/*.stage10 START*/
.stage10{}
.stage10 .bg{position: absolute; width: 750px; height: 1333px; top: 0px; left: 0px; background: url(../images/stage17_bg_50.png); }
.stage10 .day1_tomorrow_tips_button{position: absolute; width: 449px; height: 94px; top: 960px; left: 151px; background: url(../images/stage10_day1_tomorrow_tips_button_95.png); }
/*.stage10 .share_mc START*/
.stage10 .share_mc{position: absolute; width: 461px; height: 72px; top: 850px; left: 289px;}
.stage10 .share_mc .share_bg{position: absolute; width: 461px; height: 72px; top: 0px; left: 0px; background: url(../images/stage10_share_mc_share_bg_5.png); }
.stage10 .share_mc .wx_button{position: absolute; width: 52px; height: 49px; top: 13px; left: 193px; background: url(../images/stage10_share_mc_wx_button_68.png); }
.stage10 .share_mc .tl_button{position: absolute; width: 51px; height: 52px; top: 13px; left: 259px; background: url(../images/stage10_share_mc_tl_button_81.png); }
.stage10 .share_mc .qzone_button{position: absolute; width: 51px; height: 50px; top: 13px; left: 324px; background: url(../images/stage10_share_mc_qzone_button_63.png); }
.stage10 .day1_share_tips_button{position: absolute; width: 529px; height: 77px; top: 0px; left: 221px; background: url(../images/stage10_day1_share_tips_button_26.png); }
/*.stage9 START*/
.stage9{}
.stage9 .bg{position: absolute; width: 750px; height: 1333px; top: 0px; left: 0px; background: url(../images/stage9_bg_3.png); }
/*.stage9 .msg_mc START*/
.stage9 .msg_mc{position: absolute; width: 750px; height: 657px; top: 676px; left: 0px; overflow: hidden; }
.stage9 .msg_mc .msg9{position: absolute; width: 719px; height: 657px; top: 0px; left: 0px; background: url(../images/stage9_msg_mc_msg9_43.png); }
/*.stage9 .msg_mc .msg8 START*/
.stage9 .msg_mc .msg8{position: absolute; width: 725px; height: 657px; top: 0px; left: 0px;}
.stage9 .msg_mc .msg8 .pic{position: absolute; width: 725px; height: 657px; top: 0px; left: 0px; background: url(../images/stage9_msg_mc_msg8_pic_47.png); }
.stage9 .msg_mc .msg8 .pic img{position: absolute; width: 900px; height: 800px; top: 30px; left: -300px; object-fit: contain; }
.stage9 .msg_mc .msg8 .replay_button{position: absolute; width: 338px; height: 96px; top: 319px; left: 381px; background: url(../images/stage9_msg_mc_msg8_replay_button_96.png); }
/*.stage9 .msg_mc .msg7 START*/
.stage9 .msg_mc .msg7{position: absolute; width: 713px; height: 657px; top: 0px; left: 0px;}
.stage9 .msg_mc .msg7 .pic{position: absolute; width: 713px; height: 657px; top: 0px; left: 0px; background: url(../images/stage9_msg_mc_msg7_pic_5.png); }
/*.stage9 .msg_mc .msg7 .button3 START*/
.stage9 .msg_mc .msg7 .button3{position: absolute; width: 565px; height: 59px; top: 521px; left: 81px;}
.stage9 .msg_mc .msg7 .button3 .button_bg{position: absolute; width: 565px; height: 59px; top: 0px; left: 0px; background: url(../images/stage9_msg_mc_msg7_button3_button_bg_10.png); }
.stage9 .msg_mc .msg7 .button3 .wrong{position: absolute; width: 49px; height: 51px; top: 6px; left: 173px; background: url(../images/stage9_msg_mc_msg7_button3_wrong_4.png); }
/*.stage9 .msg_mc .msg7 .button2 START*/
.stage9 .msg_mc .msg7 .button2{position: absolute; width: 565px; height: 58px; top: 441px; left: 81px;}
.stage9 .msg_mc .msg7 .button2 .button_bg{position: absolute; width: 565px; height: 58px; top: 0px; left: 0px; background: url(../images/stage9_msg_mc_msg7_button2_button_bg_58.png); }
.stage9 .msg_mc .msg7 .button2 .wrong{position: absolute; width: 49px; height: 51px; top: 7px; left: 173px; background: url(../images/stage9_msg_mc_msg7_button2_wrong_56.png); }
/*.stage9 .msg_mc .msg7 .button1 START*/
.stage9 .msg_mc .msg7 .button1{position: absolute; width: 565px; height: 58px; top: 360px; left: 81px;}
.stage9 .msg_mc .msg7 .button1 .button_bg{position: absolute; width: 565px; height: 58px; top: 0px; left: 0px; background: url(../images/stage9_msg_mc_msg7_button1_button_bg_50.png); }
.stage9 .msg_mc .msg7 .button1 .right{position: absolute; width: 47px; height: 49px; top: 5px; left: 12px; background: url(../images/stage9_msg_mc_msg7_button1_right_27.png); }
/*.stage9 .msg_mc .msg6 START*/
.stage9 .msg_mc .msg6{position: absolute; width: 713px; height: 657px; top: 0px; left: 0px;}
.stage9 .msg_mc .msg6 .pic{position: absolute; width: 713px; height: 657px; top: 0px; left: 0px; background: url(../images/stage9_msg_mc_msg6_pic_63.png); }
/*.stage9 .msg_mc .msg6 .button3 START*/
.stage9 .msg_mc .msg6 .button3{position: absolute; width: 565px; height: 59px; top: 521px; left: 81px;}
.stage9 .msg_mc .msg6 .button3 .button_bg{position: absolute; width: 565px; height: 59px; top: 0px; left: 0px; background: url(../images/stage9_msg_mc_msg6_button3_button_bg_32.png); }
.stage9 .msg_mc .msg6 .button3 .wrong{position: absolute; width: 48px; height: 51px; top: 6px; left: 161px; background: url(../images/stage9_msg_mc_msg6_button3_wrong_5.png); }
/*.stage9 .msg_mc .msg6 .button2 START*/
.stage9 .msg_mc .msg6 .button2{position: absolute; width: 565px; height: 58px; top: 441px; left: 81px;}
.stage9 .msg_mc .msg6 .button2 .button_bg{position: absolute; width: 565px; height: 58px; top: 0px; left: 0px; background: url(../images/stage9_msg_mc_msg6_button2_button_bg_84.png); }
.stage9 .msg_mc .msg6 .button2 .wrong{position: absolute; width: 48px; height: 51px; top: 7px; left: 161px; background: url(../images/stage9_msg_mc_msg6_button2_wrong_3.png); }
/*.stage9 .msg_mc .msg6 .button1 START*/
.stage9 .msg_mc .msg6 .button1{position: absolute; width: 565px; height: 58px; top: 360px; left: 81px;}
.stage9 .msg_mc .msg6 .button1 .button_bg{position: absolute; width: 565px; height: 58px; top: 0px; left: 0px; background: url(../images/stage9_msg_mc_msg6_button1_button_bg_91.png); }
.stage9 .msg_mc .msg6 .button1 .right{position: absolute; width: 47px; height: 49px; top: 5px; left: 159px; background: url(../images/stage9_msg_mc_msg6_button1_right_45.png); }
/*.stage9 .msg_mc .msg5 START*/
.stage9 .msg_mc .msg5{position: absolute; width: 713px; height: 657px; top: 0px; left: 0px;}
.stage9 .msg_mc .msg5 .pic{position: absolute; width: 713px; height: 657px; top: 0px; left: 0px; background: url(../images/stage9_msg_mc_msg5_pic_10.png); }
/*.stage9 .msg_mc .msg5 .button3 START*/
.stage9 .msg_mc .msg5 .button3{position: absolute; width: 565px; height: 59px; top: 521px; left: 81px;}
.stage9 .msg_mc .msg5 .button3 .button_bg{position: absolute; width: 565px; height: 59px; top: 0px; left: 0px; background: url(../images/stage9_msg_mc_msg5_button3_button_bg_16.png); }
.stage9 .msg_mc .msg5 .button3 .wrong{position: absolute; width: 48px; height: 51px; top: 6px; left: 161px; background: url(../images/stage9_msg_mc_msg6_button3_wrong_5.png); }
/*.stage9 .msg_mc .msg5 .button2 START*/
.stage9 .msg_mc .msg5 .button2{position: absolute; width: 565px; height: 58px; top: 441px; left: 81px;}
.stage9 .msg_mc .msg5 .button2 .button_bg{position: absolute; width: 565px; height: 58px; top: 0px; left: 0px; background: url(../images/stage9_msg_mc_msg5_button2_button_bg_5.png); }
.stage9 .msg_mc .msg5 .button2 .right{position: absolute; width: 48px; height: 48px; top: 4px; left: 158px; background: url(../images/stage9_msg_mc_msg5_button2_right_22.png); }
/*.stage9 .msg_mc .msg5 .button1 START*/
.stage9 .msg_mc .msg5 .button1{position: absolute; width: 565px; height: 58px; top: 360px; left: 81px;}
.stage9 .msg_mc .msg5 .button1 .button_bg{position: absolute; width: 565px; height: 58px; top: 0px; left: 0px; background: url(../images/stage9_msg_mc_msg5_button1_button_bg_3.png); }
.stage9 .msg_mc .msg5 .button1 .wrong{position: absolute; width: 49px; height: 50px; top: 8px; left: 157px; background: url(../images/stage9_msg_mc_msg5_button1_wrong_88.png); }
.stage9 .msg_mc .msg4{position: absolute; width: 710px; height: 607px; top: 50px; left: 40px; background: url(../images/stage9_msg_mc_msg4_96.png); }
.stage9 .msg_mc .msg3{position: absolute; width: 719px; height: 657px; top: 0px; left: 0px; background: url(../images/stage9_msg_mc_msg3_93.png); }
.stage9 .msg_mc .msg2{position: absolute; width: 710px; height: 607px; top: 50px; left: 40px; background: url(../images/stage9_msg_mc_msg2_81.png); }
.stage9 .msg_mc .msg1{position: absolute; width: 712px; height: 657px; top: 0px; left: 0px; background: url(../images/stage9_msg_mc_msg1_15.png); }
/*.stage8 START*/
.stage8{}
.stage8 .bg{position: absolute; width: 750px; height: 1333px; top: 0px; left: 0px; background: url(../images/stage19_bg_87.png); }
.stage8 .face{position: absolute; width: 186px; height: 138px; top: 233px; left: 359px; background: url(../images/stage8_face_67.png); }
/*.stage7 START*/
.stage7{}
.stage7 .bg{position: absolute; width: 750px; height: 1333px; top: 0px; left: 0px; background: url(../images/stage7_bg_6.png); }
.stage7 .people{position: absolute; width: 701px; height: 608px; top: 253px; left: 0px; background: url(../images/stage7_people_80.png); -webkit-transform-origin-x: left; -webkit-animation: fadeInLeft 1s 1 ease-in-out backwards, float 2s 1s infinite ease-in-out forwards; }
.stage7 .stage8_button{position: absolute; width: 353px; height: 103px; top: 1074px; left: 199px; background: url(../images/stage7_stage8_button_51.png); }
/*.stage6 START*/
.stage6{}
.stage6 .bg{position: absolute; width: 750px; height: 1333px; top: 0px; left: 0px; background: url(../images/stage6_bg_38.png); }
/*.stage6 .word_mc START*/
.stage6 .word_mc{position: absolute; width: 561px; height: 111px; top: 565px; left: 94px;}
.stage6 .word_mc .word1{position: absolute; width: 561px; height: 111px; top: 0px; left: 0px; background: url(../images/stage6_word_mc_word1_34.png); }
/*.stage5 START*/
.stage5{}
.stage5 .bg{position: absolute; width: 750px; height: 1333px; top: 0px; left: 0px; background: url(../images/stage5_bg_92.png); }
.stage5 .cloud{position: absolute; width: 750px; height: 1050px; top: 283px; left: 0px; background: url(../images/stage5_cloud_23.png); }
.stage5 .people1{position: absolute; width: 330px; height: 1060px; top: 273px; left: 420px; background: url(../images/stage5_people1_63.png); }
.stage5 .people2{position: absolute; width: 491px; height: 1077px; top: 256px; left: 259px; background: url(../images/stage5_people2_62.png); -webkit-animation: fadeIn 0.5s 1 ease-in-out both; }
.stage5 .stage6_button{position: absolute; width: 381px; height: 109px; top: 1224px; left: 369px; background: url(../images/stage21_stage22_button_50.png); -webkit-animation: fadeIn 0.5s 1 ease-in-out both; }
/*.stage24 START*/
.stage24{}
.stage24 .bg{position: absolute; width: 750px; height: 1333px; top: 0px; left: 0px; background: url(../images/stage6_bg_38.png); }
/*.stage24 .word_mc START*/
.stage24 .word_mc{position: absolute; width: 588px; height: 111px; top: 565px; left: 81px;}
.stage24 .word_mc .word2{position: absolute; width: 560px; height: 111px; top: 0px; left: 14px; background: url(../images/stage4_word_mc_word2_50.png); }
.stage24 .word_mc .word1{position: absolute; width: 588px; height: 111px; top: 0px; left: 0px; background: url(../images/stage4_word_mc_word1_49.png); }
/*.stage4 START*/
.stage4{}
.stage4 .bg{position: absolute; width: 750px; height: 1333px; top: 0px; left: 0px; background: url(../images/stage6_bg_38.png); }
/*.stage4 .word_mc START*/
.stage4 .word_mc{position: absolute; width: 588px; height: 111px; top: 565px; left: 81px;}
.stage4 .word_mc .word2{position: absolute; width: 560px; height: 111px; top: 0px; left: 14px; background: url(../images/stage4_word_mc_word2_50.png); }
.stage4 .word_mc .word1{position: absolute; width: 588px; height: 111px; top: 0px; left: 0px; background: url(../images/stage4_word_mc_word1_49.png); }
/*.stage3 START*/
.stage3{}
.stage3 .bg{position: absolute; width: 750px; height: 1333px; top: 0px; left: 0px; background: url(../images/stage5_bg_92.png); -webkit-animation: smallShow 10s 1 ease-in-out both; }
.stage3 .cloud{position: absolute; width: 750px; height: 1050px; top: 283px; left: 0px; background: url(../images/stage5_cloud_23.png); -webkit-animation: cloudMove 2s infinite ease-in-out both; }
.stage3 .people{position: absolute; width: 330px; height: 1060px; top: 273px; left: 420px; background: url(../images/stage5_people1_63.png); -webkit-animation: fadeInRight 2s 1 ease-in-out both; }
.stage3 .people2{position: absolute; width: 491px; height: 1077px; top: 256px; left: 259px; background: url(../images/stage5_people2_62.png); -webkit-animation: fadeIn 0.5s 1 ease-in-out both; }
.stage3 .stage6_button{position: absolute; width: 381px; height: 109px; top: 1224px; left: 369px; background: url(../images/stage21_stage22_button_50.png); }
.stage3 .stage4_button{position: absolute; width: 381px; height: 109px; top: 1224px; left: 369px; background: url(../images/stage21_stage22_button_50.png); }
/*.stage2 START*/
.stage2{}
.stage2 .bg{position: absolute; width: 750px; height: 1333px; top: 0px; left: 0px; background: url(../images/stage2_bg_38.png); }
/*.stage2 .line_mc START*/
.stage2 .line_mc{position: absolute; width: 586px; height: 218px; top: 558px; left: 84px;}
.stage2 .line_mc .word{position: absolute; width: 546px; height: 33px; top: 185px; left: 14px; background: url(../images/stage2_line_mc_word_44.png); }
.stage2 .line_mc .line_bg{position: absolute; width: 580px; height: 53px; top: 110px; left: 2px; background: url(../images/stage2_line_mc_line_bg_17.png); }
.stage2 .line_mc .line{position: absolute; width: 586px; height: 56px; top: 110px; left: 0px; background: url(../images/stage2_line_mc_line_82.png); }
/*.stage2 .line_mc .move_mc START*/
.stage2 .line_mc .move_mc{position: absolute; width: 142px; height: 147px; top: 0px; left: -40px; }
.stage2 .line_mc .move_mc .count_mc{position: absolute; width: 42px; top: 128px; left: 55px; color: RGB(255,255,255); font-size: 28px; line-height: 28px; }
.stage2 .line_mc .move_mc .run{position: absolute; width: 142px; height: 101px; top: 0px; left: 0px; }
/*.stage1 START*/
.stage1{}
.stage1 .bg{position: absolute; width: 750px; height: 1333px; top: 0px; left: 0px; background: url(../images/stage1_bg_5.png); }
/*.stage1 .prize_mc START*/
.stage1 .prize_mc{position: absolute; width: 572px; height: 246px; top: 735px; left: 44px;}
.stage1 .prize_mc .prize_mc_bg{position: absolute; width: 536px; height: 241px; top: 0px; left: 0px; background: url(../images/stage1_prize_mc_prize_mc_bg_8.png); }
.stage1 .prize_mc .stage2_button{position: absolute; width: 419px; height: 82px; top: 164px; left: 153px; background: url(../images/stage1_prize_mc_stage2_button_100.png); }

.snow{position: absolute; width: 750px; height: 1333px; top: 0; left: 0; background: url(../images/snow.png); }

.face{-webkit-animation: flash 2s infinite ease-in-out both; }

.msg{-webkit-animation: fadeIn 0.5s 1 ease-in-out both; }

@-webkit-keyframes float{
	0%,100%{-webkit-transform: translate3d(0px,0px,0) scale(1); }
	50%{-webkit-transform: translate3d(0px,30px,0) scale(0.95);  }
}

@-webkit-keyframes cloudMove{
	0%,100%{-webkit-transform: translate3d(-20px,0,0) scale(1.2); }
	50%{-webkit-transform: translate3d(20px,0,0) scale(1.2);  }
}

@-webkit-keyframes smallShow{
	0%{-webkit-transform: scale(1.2); }
	100%{-webkit-transform: scale(1);  }
}