body{background: #161f37;}

.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: 2271px;}
/*MAIN END*/
/*.bind_tips START*/
.bind_tips{}
.bind_tips .pic{position: absolute; width: 641px; height: 596px; top: 326px; left: 54px; background: url(../images/bind_tips_pic_40.png); }
.bind_tips .txt{position: absolute; width: 500px; top: 535px; left: 0; right: 0; margin: 0 auto; color: RGB(27,1,3); font-size: 32px; line-height: 44px; }
.bind_tips .game_tips_button{position: absolute; width: 375px; height: 88px; top: 688px; left: 364px; background: url(../images/bind_tips_game_tips_button_89.png); }
.bind_tips .close_bind_button{position: absolute; width: 295px; height: 83px; top: 694px; left: 102px; background: url(../images/bind_tips_close_bind_button_9.png); }
.bind_tips .close_button{position: absolute; width: 74px; height: 74px; top: 370px; left: 641px; background: url(../images/bind_tips_close_button_36.png); }
/*.game_tips START*/
.game_tips{}
.game_tips .pic{position: absolute; width: 641px; height: 596px; top: 326px; left: 54px; background: url(../images/game.png); }
.game_tips .link_button{position: absolute; width: 375px; height: 88px; top: 703px; left: 180px; background: url(../images/game_tips_link_button_45.png); }
.game_tips .link_button2{position: absolute; width: 290px; height: 88px; top: 700px; left: 368px; }
.game_tips .close_button{position: absolute; width: 74px; height: 74px; top: 370px; left: 641px; background: url(../images/bind_tips_close_button_36.png); }
/*.get_tips START*/
.get_tips{}
.get_tips .pic{position: absolute; width: 661px; height: 533px; top: 326px; left: 54px; background: url(../images/get_tips_pic_79.png); }
.get_tips .close_button{position: absolute; width: 74px; height: 74px; top: 370px; left: 641px; background: url(../images/bind_tips_close_button_36.png); }
.get_tips .close_button2{position: absolute; width: 290px; height: 88px; top: 662px; left: 233px; background: url(../images/get_tips_close_button2_64.png); }
.get_tips .txt{position: absolute; width: 590px; top: 500px; left: 0; right: 0; margin: 0 auto; color: RGB(27,1,3); font-size: 32px; line-height: 50px; }
/*.help_tips START*/
.help_tips{}
.help_tips .pic{position: absolute; width: 641px; height: 487px; top: 326px; left: 54px; background: url(../images/help_tips_pic_16.png); }
.help_tips .close_button2{position: absolute; width: 290px; height: 88px; top: 610px; left: 225px; background: url(../images/get_tips_close_button2_64.png); }
.help_tips .close_button{position: absolute; width: 74px; height: 74px; top: 370px; left: 641px; background: url(../images/bind_tips_close_button_36.png); }
.help_tips .txt{position: absolute; width: 540px; top: 497px; left: 106px; color: RGB(27,1,3); font-size: 33px; line-height: 33px; text-align: center; }
/*.wx_tips START*/
.wx_tips{}
.wx_tips .pic{position: absolute; width: 521px; height: 660px; top: 154px; left: 107px; background: url(../images/wx_tips_pic_64.png); }
.wx_tips .close_button{position: absolute; width: 74px; height: 74px; top: 154px; left: 644px; background: url(../images/wx_tips_close_button_15.png); }
/*.stage3 START*/
.stage3{position: relative; }
/*.stage3 .status_mc START*/
.stage3 .status_mc{position: relative; width: 750px; height: 830px; margin-top: 443px; left: 0px; }
.stage3 .status_mc .pic{position: absolute; width: 750px; height: 830px; top: 0px; left: 0px; background: url(../images/stage3_status_mc_pic_78.png); }
.stage3 .status_mc .name_txt{position: absolute; width: 440px; top: 70px; left: 236px; color: RGB(159,46,4); font-size: 30px; line-height: 40px; }
.stage3 .status_mc .face_bg{position: absolute; width: 145px; height: 144px; top: 55px; left: 79px; background: url(../images/stage3_status_mc_face_bg_79.png); }
.stage3 .status_mc .face{position: absolute; width: 124px; height: 123px; top: 66px; left: 90px; -webkit-border-radius: 50%; }
.stage3 .status_mc .item_bg{position: absolute; width: 370px; height: 227px; top: 422px; left: 193px; background: url(../images/stage3_status_mc_item_bg_82.png); }
.stage3 .status_mc .item{position: absolute; width: 320px; height: 345px; top: 164px; left: 209px; background: url(../images/stage3_status_mc_item_49.png); }
.stage3 .status_mc .light{position: absolute; width: 511px; height: 385px; top: 137px; left: 124px; background: url(../images/stage3_status_mc_light_56.png); }
.stage3 .status_mc .help_tips_button{position: absolute; width: 296px; height: 90px; top: 700px; left: 62px; background: url(../images/stage3_status_mc_help_tips_button_10.png); }
.stage3 .status_mc .game_tips_button{position: absolute; width: 296px; height: 90px; top: 700px; left: 392px; background: url(../images/stage3_status_mc_game_tips_button_67.png); }
.stage3 .status_mc .stage2_button{position: absolute; width: 301px; height: 91px; top: 699px; left: 388px; background: url(../images/stage3_status_mc_stage2_button_4.png); }
/*.stage3 .friend_mc START*/
.stage3 .friend_mc{position: relative; width: 750px; min-height: 300px; margin-top: 0px; left: 0px; padding-top: 190px; }
.stage3 .friend_mc .pic{position: absolute; width: 750px; height: 490px; top: 0px; left: 0px; background: url(../images/stage3_friend_mc_pic_22.png); }
/*.stage3 .friend_mc .user_list START*/
.stage3 .friend_mc .user_list{position: relative; width: 698px; height: 155px; left: 26px; background: url(../images/mask.png); overflow: hidden; margin-bottom: 20px; padding-bottom: 20px; -webkit-border-radius: 10px; }
/*.stage3 .friend_mc .user_list .user START*/
.stage3 .friend_mc .user_list .user{position: relative; width: 106px; height: 140px; display: -webkit-inline-box; margin: 10px 16px; }
.stage3 .friend_mc .user_list .user .user_bg{position: absolute; width: 106px; height: 110px; top: 0px; left: 0px; background: url(../images/stage3_friend_mc_user_list_user_user_bg_35.png); }
.stage3 .friend_mc .user_list .user .face{position: absolute; width: 90px; height: 90px; top: 8px; left: 8px; -webkit-border-radius: 50%; }
.stage3 .friend_mc .user_list .user .name_txt{position: absolute; width: 106px; top: 120px; left: 1px; color: RGB(38,38,38); font-size: 18px; line-height: 24px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.stage3 .friend_mc .title_txt{position: absolute; width: 545px; top: 100px; left: 100px; color: RGB(159,46,4); font-size: 38px; line-height: 38px; text-align: center; }
.stage3 .friend_mc .more_button{position: absolute; width: 298px; height: 55px; top: 365px; left: 224px; background: url(../images/stage3_friend_mc_more_button_22.png); }
/*.stage2 START*/
.stage2{position: relative; height: 1330px; }
/*.stage2 .status_mc START*/
.stage2 .status_mc{position: relative; width: 750px; min-height: 1213px; margin-top: 443px; left: 0px;}
.stage2 .status_mc .pic{position: absolute; width: 750px; height: 1213px; top: 0px; left: 0px; background: url(../images/stage2_status_mc_pic_39.png); }
/*.stage2 .status_mc .line_mc START*/
.stage2 .status_mc .line_mc{position: absolute; width: 673px; height: 122px; top: 500px; left: 42px;}
.stage2 .status_mc .line_mc .line_bg{position: absolute; width: 667px; height: 121px; top: 0px; left: 0px; background: url(../images/stage2_status_mc_line_mc_line_bg_28.png); }
.stage2 .status_mc .line_mc .line{position: absolute; width: 673px; height: 122px; top: -3px; left: 0px; background: url(../images/stage2_status_mc_line_mc_line_84.png); }
.stage2 .status_mc .line_mc .plus3{position: absolute; width: 62px; height: 42px; top: 5px; right: -12px; background: url(../images/2x.png); }
.stage2 .status_mc .line_mc .plus2{position: absolute; width: 62px; height: 42px; top: 5px; right: 102px; background: url(../images/2x.png); }
.stage2 .status_mc .line_mc .plus1{position: absolute; width: 62px; height: 42px; top: 5px; right: 222px; background: url(../images/2x.png); }
/*.stage2 .status_mc .item_mc START*/
.stage2 .status_mc .item_mc{position: absolute; width: 391px; height: 422px; top: 95px; left: 188px; -webkit-transform-style: preserve-3d; -webkit-transform: rotateY(0deg) perspective(400px); }
.stage2 .status_mc .item_mc .item{position: absolute; width: 391px; height: 422px; top: 0px; left: 0px; background: url(../images/stage2_status_mc_item_mc_item_28.png); -webkit-transform: rotateY(0deg); -webkit-animation: itemMove 3s infinite ease-in-out; }
.stage2 .status_mc .item_mc .txt{position: absolute; width: 391px; top: 360px; left: 0; color: RGB(38,38,38); font-size: 32px; line-height: 30px; text-align: center; letter-spacing: 5px; }

@-webkit-keyframes itemMove { 
	0% { -webkit-transform: rotateY(0deg); }
	/*10% { -webkit-transform: rotateY(20deg); }*/
	/*90% { -webkit-transform: rotateY(350deg); }*/
	100% { -webkit-transform: rotateY(360deg); }
}

/*.stage2 .status_mc .friends_mc START*/
.stage2 .status_mc .friends_mc{position: relative; width: 750px; min-height: 297px; padding-top: 950px; }
/*.stage3 .status_mc .user_list START*/
.stage2 .status_mc .user_list{position: relative; width: 750px; height: 155px; min-height: 155px; left: 0; background: url(../images/mask.png); overflow: hidden; margin-bottom: -5px; padding-bottom: 20px; padding-left: 24px; -webkit-border-radius: 10px; }
/*.stage2 .status_mc .user_list .user START*/
.stage2 .status_mc .user_list .user{position: relative; width: 106px; height: 140px; display: -webkit-inline-box; margin: 10px 16px; }
.stage2 .status_mc .user_list .user .user_bg{position: absolute; width: 106px; height: 110px; top: 0px; left: 0px; background: url(../images/stage3_friend_mc_user_list_user_user_bg_35.png); }
.stage2 .status_mc .user_list .user .face{position: absolute; width: 90px; height: 90px; top: 8px; left: 8px; -webkit-border-radius: 50%; }
.stage2 .status_mc .user_list .user .name_txt{position: absolute; width: 106px; top: 120px; left: 1px; color: RGB(38,38,38); font-size: 18px; line-height: 24px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.stage2 .status_mc .friends_mc .title_txt{position: absolute; width: 500px; top: 890px; left: 0; right: 0; margin: 0 auto; color: RGB(159,46,4); font-size: 38px; line-height: 38px; text-align: center; }
.stage2 .status_mc .friends_mc .more_button{position: absolute; width: 298px; height: 55px; top: 35px; left: 0; right: 0; margin: 0 auto; background: url(../images/stage2_status_mc_friends_mc_more_button_2.png); }
.stage2 .status_mc .friends_mc .more_button.less{width: 143px; background: url(../images/stage2_status_mc_friends_mc_hide_button.png); }
.stage2 .status_mc .friends_mc .foot{position: relative; width: 750px; height: 163px; background: url(../images/foot.png); }
/*.stage2 .status_mc .user_mc START*/
.stage2 .status_mc .user_mc{position: absolute; width: 572px; height: 144px; top: 55px; left: 79px;}
.stage2 .status_mc .user_mc .got_txt{position: absolute; width: 450px; top: 4px; left: 157px; color: RGB(159,46,4); font-size: 30px; line-height: 46px; }
.stage2 .status_mc .user_mc .face_bg{position: absolute; width: 145px; height: 144px; top: 0px; left: 0px; background: url(../images/stage3_status_mc_face_bg_79.png); }
.stage2 .status_mc .user_mc .face{position: absolute; width: 124px; height: 123px; top: 11px; left: 11px; -webkit-border-radius: 50%; }
.stage2 .status_mc .wx_tips_button{position: absolute; width: 270px; height: 82px; top: 765px; left: 0; right: 0; margin: 0 auto; background: url(../images/stage2_status_mc_wx_tips_button_87.png); }
.stage2 .status_mc .help_tips_button{position: absolute; width: 274px; height: 97px; top: 640px; left: 95px; background: url(../images/stage3_status_mc_help_tips_button_10.png); }
.stage2 .status_mc .game_tips_button{position: absolute; width: 266px; height: 89px; top: 650px; left: 392px; background: url(../images/stage3_status_mc_game_tips_button_67.png); }
/*.stage2 .gift_mc START*/
.stage2 .gift_mc{position: relative; width: 750px; height: 1206px; margin-top: 0px; left: 0px; margin-bottom: 20px; }
.stage2 .gift_mc .pic{position: absolute; width: 750px; height: 1206px; top: 0px; left: 0px; background: url(../images/stage2_gift_mc_pic_99.png); }
.stage2 .gift_mc .get_tips_get_button1{position: absolute; width: 427px; height: 120px; top: 200px; left: 323px; }
.stage2 .gift_mc .get_tips_get_button2{position: absolute; width: 427px; height: 120px; top: 490px; left: 323px; }
.stage2 .gift_mc .get_tips_get_button3{position: absolute; width: 427px; height: 120px; top: 745px; left: 323px; }
.stage2 .gift_mc .get_tips_get_button4{position: absolute; width: 427px; height: 120px; top: 1000px; left: 323px; }
.stage2 .gift_mc .get_tips_get_button.get{background: url(../images/stage2_gift_mc_get_tips_get_button1_51.png); }
.stage2 .gift_mc .get_tips_get_button.got{background: url(../images/stage2_gift_mc_get_tips_get_button3_91.png); }
.stage2 .gift_mc .get_tips_get_button.share{background: url(../images/stage2_gift_mc_get_tips_get_button4_90.png); }
/*.stage1 START*/
.stage1{position: relative; height: 1250px; }
/*.stage1 .status_mc START*/
/*.stage1 .status_mc{position: relative; width: 749px; height: 829px; margin-top: 457px; left: 0px; margin-bottom: 20px; }
.stage1 .status_mc .pic{position: absolute; width: 749px; height: 829px; top: 0px; left: 0px; background: url(../images/stage1_status_mc_pic_31.png); }
.stage1 .status_mc .name_txt{position: absolute; width: 540px; top: 46px; left: 0; right: 0; margin: 0 auto; color: RGB(159,46,4); font-size: 38px; line-height: 64px; text-align: left; }
.stage1 .status_mc .stage2_button{position: absolute; width: 321px; height: 98px; top: 694px; left: 216px; background: url(../images/stage1_status_mc_stage2_button_85.png); }
.stage1 .status_mc .item_bg{position: absolute; width: 370px; height: 227px; top: 408px; left: 193px; background: url(../images/stage3_status_mc_item_bg_82.png); }
.stage1 .status_mc .item{position: absolute; width: 320px; height: 345px; top: 150px; left: 209px; background: url(../images/stage3_status_mc_item_49.png); }
.stage1 .status_mc .light{position: absolute; width: 511px; height: 385px; top: 123px; left: 124px; background: url(../images/stage3_status_mc_light_56.png); }*/

/*.stage2 START*/
.stage1{position: relative; }
/*.stage1 .status_mc START*/
.stage1 .status_mc{position: relative; width: 750px; min-height: 1213px; margin-top: 443px; left: 0px;}
.stage1 .status_mc .pic{position: absolute; width: 750px; height: 1213px; top: 0px; left: 0px; background: url(../images/stage2_status_mc_pic_39.png); }
/*.stage1 .status_mc .line_mc START*/
.stage1 .status_mc .line_mc{position: absolute; width: 673px; height: 122px; top: 635px; left: 42px;}
.stage1 .status_mc .line_mc .line_bg{position: absolute; width: 673px; height: 122px; top: 0px; left: 0px; background: url(../images/stage2_status_mc_line_mc_line_bg_28.png); }
.stage1 .status_mc .line_mc .line{position: absolute; width: 673px; height: 122px; top: -3px; left: 0px; background: url(../images/stage2_status_mc_line_mc_line_84.png); }
.stage1 .status_mc .line_mc .plus3{position: absolute; width: 62px; height: 42px; top: 5px; right: -12px; background: url(../images/2x.png); }
.stage1 .status_mc .line_mc .plus2{position: absolute; width: 62px; height: 42px; top: 5px; right: 102px; background: url(../images/2x.png); }
.stage1 .status_mc .line_mc .plus1{position: absolute; width: 62px; height: 42px; top: 5px; right: 222px; background: url(../images/2x.png); }
/*.stage1 .status_mc .item_mc START*/
.stage1 .status_mc .item_mc{position: absolute; width: 391px; height: 422px; top: 170px; left: 188px; -webkit-transform-style: preserve-3d; -webkit-transform: rotateY(0deg) perspective(400px); }
.stage1 .status_mc .item_mc .item{position: absolute; width: 391px; height: 422px; top: 0px; left: 0px; background: url(../images/stage2_status_mc_item_mc_item_28.png); -webkit-transform: rotateY(0deg); -webkit-animation: itemMove 3s infinite ease-in-out; }
.stage1 .status_mc .item_mc .txt{position: absolute; width: 391px; top: 395px; left: 0; color: RGB(38,38,38); font-size: 32px; line-height: 30px; text-align: center; letter-spacing: 5px; }

/*.stage1 .status_mc .friends_mc START*/
.stage1 .status_mc .friends_mc{position: relative; width: 750px; min-height: 297px; padding-top: 912px; }
/*.stage3 .status_mc .user_list START*/
.stage1 .status_mc .user_list{position: relative; width: 750px; height: 155px; min-height: 155px; left: 0; background: url(../images/mask.png); overflow: hidden; margin-bottom: -5px; padding-bottom: 20px; padding-left: 24px; -webkit-border-radius: 10px; }
/*.stage1 .status_mc .user_list .user START*/
.stage1 .status_mc .user_list .user{position: relative; width: 106px; height: 140px; display: -webkit-inline-box; margin: 10px 16px; }
.stage1 .status_mc .user_list .user .user_bg{position: absolute; width: 106px; height: 110px; top: 0px; left: 0px; background: url(../images/stage3_friend_mc_user_list_user_user_bg_35.png); }
.stage1 .status_mc .user_list .user .face{position: absolute; width: 90px; height: 90px; top: 8px; left: 8px; -webkit-border-radius: 50%; }
.stage1 .status_mc .user_list .user .name_txt{position: absolute; width: 106px; top: 120px; left: 1px; color: RGB(38,38,38); font-size: 18px; line-height: 24px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.stage1 .status_mc .friends_mc .title_txt{position: absolute; width: 500px; top: 850px; left: 0; right: 0; margin: 0 auto; color: RGB(159,46,4); font-size: 38px; line-height: 38px; text-align: center; }
.stage1 .status_mc .friends_mc .more_button{position: absolute; width: 298px; height: 55px; top: 35px; left: 0; right: 0; margin: 0 auto; background: url(../images/stage2_status_mc_friends_mc_more_button_2.png); }
.stage1 .status_mc .friends_mc .more_button.less{width: 143px; background: url(../images/stage2_status_mc_friends_mc_hide_button.png); }
.stage1 .status_mc .friends_mc .foot{position: relative; width: 750px; height: 163px; background: url(../images/foot.png); }
/*.stage1 .status_mc .user_mc START*/
.stage1 .status_mc .user_mc{position: absolute; width: 572px; height: 144px; top: 55px; left: 79px;}
.stage1 .status_mc .user_mc .got_txt{position: absolute; width: 450px; top: 32px; left: 157px; color: RGB(159,46,4); font-size: 30px; line-height: 46px; }
.stage1 .status_mc .user_mc .face_bg{position: absolute; width: 145px; height: 144px; top: 0px; left: 0px; background: url(../images/stage3_status_mc_face_bg_79.png); }
.stage1 .status_mc .user_mc .face{position: absolute; width: 124px; height: 123px; top: 11px; left: 11px; -webkit-border-radius: 50%; }
.stage1 .status_mc .wx_tips_button{position: absolute; width: 461px; height: 119px; top: 730px; left: 0; right: 0; margin: 0 auto; background: url(../images/stage2_status_mc_wx_tips_button_87.png); -webkit-transform: scale(0.75); }
.stage1 .status_mc .help_tips_button{position: absolute; width: 296px; height: 90px; top: 650px; left: 62px; background: url(../images/stage3_status_mc_help_tips_button_10.png); }
.stage1 .status_mc .game_tips_button{position: absolute; width: 296px; height: 90px; top: 650px; left: 392px; background: url(../images/stage3_status_mc_game_tips_button_67.png); }

/*.slogan START*/
.slogan{position: absolute; width: 245px; height: 275px; top: 123px; left: 164px;}
/*.slogan .slogan_pic{position: absolute; width: 218px; height: 275px; top: 0px; left: 0px; background: url(../images/slogan_slogan_pic_55.png); }*/
.slogan .txt8{position: absolute; width: 20px; height: 14px; top: 199px; left: 70px; background: url(../images/slogan_txt8_34.png); -webkit-animation: scaleMove 2.9s 1s infinite ease-in-out both; }
.slogan .txt7{position: absolute; width: 40px; height: 12px; top: 98px; left: 76px; background: url(../images/slogan_txt7_81.png); -webkit-animation: scaleMove 3s 0.6s infinite ease-in-out both; }
.slogan .txt6{position: absolute; width: 50px; height: 15px; top: 31px; left: 73px; background: url(../images/slogan_txt6_20.png); -webkit-animation: scaleMove 2.4s 0.4s infinite ease-in-out both; }
.slogan .txt5{position: absolute; width: 20px; height: 35px; top: 156px; left: 125px; background: url(../images/slogan_txt5_18.png); -webkit-animation: scaleMove 2.6s 0.9s infinite ease-in-out both; }
.slogan .txt4{position: absolute; width: 22px; height: 15px; top: 68px; left: 128px; background: url(../images/slogan_txt4_81.png); -webkit-animation: scaleMove 2.3s 0.3s infinite ease-in-out both; }
.slogan .txt3{position: absolute; width: 13px; height: 48px; top: 103px; left: 153px; background: url(../images/slogan_txt3_71.png); -webkit-animation: scaleMove 2s 0.1s infinite ease-in-out both; }
.slogan .txt2{position: absolute; width: 70px; height: 242px; top: 33px; left: 115px; background: url(../images/slogan_txt2_29.png); }
.slogan .txt1{position: absolute; width: 70px; height: 227px; top: 4px; left: 56px; background: url(../images/slogan_txt1_4.png); }
.slogan .slogan_bg{position: absolute; width: 245px; height: 275px; top: 0px; left: 0px; background: url(../images/slogan_slogan_bg_75.png); }

@-webkit-keyframes scaleMove { 
	0%,100% { -webkit-transform:translate3d(0,0,0) scale(1); opacity: 1; }
	50% { -webkit-transform:translate3d(0,0,0) scale(1.1); opacity: 0.3; }
}

.flower{position: absolute; width: 750px; height: 600px; top: 0; left: 0; -webkit-mask-image:-webkit-linear-gradient(left, rgba(0,0,0,0),rgba(0,0,0,1),rgba(0,0,0,0)); pointer-events: none; }

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

.red{color: #ff0000; }