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; width: 100%; }

#main.fix{min-height: initial;}
#main{-webkit-transform-origin: 0 0; width: 100%; }
/*MAIN START*/
#main{min-height: 1352px; width: 100%; }
/*MAIN END*/
.tips_mc .mc{position: absolute; height: 100%; width: 1000px; left: 0; right: 0; margin: 0 auto; top: 0; }
/*.role_tips START*/
.role_tips{}
.role_tips .pic{position: absolute; width: 779px; height: 497px; top: 126px; left: 0; right: 0; margin: 0 auto; background: url(../images/role_tips_pic_41.png); }
.role_tips .word{position: absolute; width: 730px; height: 392px; top: 183px; left: 0; right: 0; margin: 0 auto; background: url(../images/role_tips_word_85.png); }
.role_tips .close_button{position: absolute; width: 92px; height: 93px; top: 101px; right: 0; background: url(../images/role_tips_close_button_22.png); }
/*.login_success_tips START*/
.login_success_tips{}
.login_success_tips .pic{position: absolute; width: 779px; height: 497px; top: 126px; left: 0; right: 0; margin: 0 auto; background: url(../images/role_tips_pic_41.png); }
.login_success_tips .word{position: absolute; width: 606px; height: 200px; top: 227px; left: 0; right: 0; margin: 0 auto; background: url(../images/login_success_tips_word_29.png); }
.login_success_tips .close_button2{position: absolute; width: 200px; height: 55px; top: 411px; left: 0; right: 0; margin: 0 auto; background: url(../images/login_success_tips_close_button2_82.png); }
.login_success_tips .close_button{position: absolute; width: 92px; height: 93px; top: 101px; right: 0; background: url(../images/role_tips_close_button_22.png); }
/*.login_tips START*/
.login_tips{}
.login_tips .pic{position: absolute; width: 779px; height: 497px; top: 126px; left: 0; right: 0; margin: 0 auto; background: url(../images/role_tips_pic_41.png); }
/*.login_tips .word_mc START*/
.login_tips .word_mc{position: absolute; width: 665px; height: 335px; top: 205px; left: 0; right: 0; margin: 0 auto; }
.login_tips .word_mc .word_bg{position: absolute; width: 665px; height: 330px; top: 0px; left: 0px; background: url(../images/login_tips_word_mc_word_bg_6.png); }
.login_tips .word_mc .login_success_tips_button{position: absolute; width: 323px; height: 67px; top: 227px; left: 305px; background: url(../images/login_tips_word_mc_login_success_tips_button_49.png); }
.login_tips .word_mc .email_input_bg{position: absolute; width: 577px; height: 199px; top: 136px; left: 51px; background: url(../images/login_tips_word_mc_email_input_bg_88.png); }
.login_tips .word_mc .email_input{position: absolute; width: 324px; top: 136px; left: 305px; color: RGB(223,222,220); font-size: 32px; line-height: 65px; text-align: center; }
.login_tips .close_button{position: absolute; width: 92px; height: 93px; top: 101px; right: 0; background: url(../images/role_tips_close_button_22.png); }
/*.stage1 START*/
.stage1{}
.stage1 .bg{position: absolute; width: 1920px; height: 1352px; top: 0px; left: 0px; background: url(../images/stage1_bg_52.png); }
/*.stage1 .switch_mc START*/
.stage1 .switch_mc{position: absolute; width: 1197px; height: 578px; top: 113px; left: 0; right: 0; margin: 0 auto; }
.stage1 .switch_mc .swihch{position: absolute; width: 1197px; height: 539px; top: 0px; left: 0px; background: url(../images/stage1_switch_mc_swihch_99.png); }
.stage1 .switch_mc .title{position: absolute; width: 581px; height: 102px; top: 159px; left: 315px; background: url(../images/stage1_switch_mc_title_73.png); }
.stage1 .switch_mc .title2{position: absolute; width: 538px; height: 56px; top: 277px; left: 344px; background: url(../images/stage1_main_mc_sub_title_68.png); }
.stage1 .switch_mc .logo{position: absolute; width: 199px; height: 70px; top: 95px; left: 503px; background: url(../images/stage1_switch_mc_logo_49.png); }
.stage1 .switch_mc .login_tips_button{position: absolute; width: 243px; height: 63px; top: 350px; left: 474px; background: url(../images/stage1_switch_mc_login_tips_button_70.png); }
.stage1 .switch_mc .role_tips_button{position: absolute; width: 214px; height: 44px; top: 534px; left: 809px; background: url(../images/stage1_switch_mc_role_tips_button_94.png); }
.stage1 .word{position: absolute; width: 1377px; height: 158px; top: 817px; left: 0; right: 0; margin: 0 auto;  background: url(../images/stage1_word_88.png); }
.stage1 .word .count_txt{position: absolute; color: #f2d259; width: 120px; top: 106px; left: 544px; text-align: center; font-size: 25px; font-weight: bold; line-height: 32px; }
.stage1 .arrow{position: absolute; width: 135px; height: 108px; top: 618px; left: 0; right: 0; margin: 0 auto;  background: url(../images/stage1_arrow_84.png); }
/*.stage1 .line_mc START*/
.stage1 .line_mc{position: absolute; width: 1041px; height: 409px; top: 835px; left: 0; right: 0; margin: 0 auto; }
.stage1 .line_mc .line_bg{position: absolute; width: 1031px; height: 335px; top: 0px; left: 10px; background: url(../images/stage2_main_mc_line_mc_line_bg_10.png); }
.stage1 .line_mc .line{position: absolute; width: 965px; height: 29px; top: 317px; left: 2px; background: url(../images/stage1_line_mc_line_86.png); }
.stage1 .line_mc .line_top{position: absolute; width: 968px; height: 90px; top: 319px; left: 0px; background: url(../images/stage2_main_mc_line_mc_line_top_45.png); }
/*.stage1 .line_mc .unlock_icons START*/
.stage1 .line_mc .unlock_icons{position: absolute; width: 732px; height: 69px; top: 204px; left: 147px;}
.stage1 .line_mc .unlock_icons .unlock1{position: absolute; width: 68px; height: 69px; top: 0px; left: 0px; background: url(../images/stage1_line_mc_unlock_icons_unlock1_57.png); }
.stage1 .line_mc .unlock_icons .unlock2{position: absolute; width: 68px; height: 69px; top: 0px; left: 188px; background: url(../images/stage1_line_mc_unlock_icons_unlock2_61.png); }
.stage1 .line_mc .unlock_icons .unlock3{position: absolute; width: 68px; height: 69px; top: 0px; left: 366px; background: url(../images/stage1_line_mc_unlock_icons_unlock3_46.png); }
.stage1 .line_mc .unlock_icons .unlock4{position: absolute; width: 68px; height: 69px; top: 0px; left: 664px; background: url(../images/stage1_line_mc_unlock_icons_unlock4_91.png); }

.share_mc{position: absolute; width: 285px; height: 71px; top: 0; left: 0; background: url(../images/share.png); }
.share_mc .tw_button{position: absolute; width: 71px; height: 71px; left: 95px; top: 0; }
.share_mc .line_button{position: absolute; width: 71px; height: 71px; left: 215px; top: 0; }

.login_success_tips .share_mc{top: 480px; -webkit-transform: scale(1.2); }
.stage1 .share_mc{top: 1270px; left: 0; right: 0; margin: 0 auto; }