body{background: #000; background: url(../images/stage1_bg_82.png); background-size: 100%; }

.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: 2080px;}
/*MAIN END*/

.wx_tips .pic{position: absolute; width: 750px; height: 522px; background: url(../images/wx2.png); top: 0; left: 0; }
/*.name_tips START*/
.name_tips{}
.name_tips .pic{position: absolute; width: 641px; height: 348px; top: 391px; left: 53px; background: url(../images/name_tips_pic_18.png); }
.name_tips .name_input{position: absolute; width: 140px; top: 521px; left: 140px; color: RGB(219,219,219); font-size: 28px; line-height: 28px; }
.name_tips .close_button{position: absolute; width: 291px; height: 83px; top: 618px; left: 228px; background: url(../images/name_tips_close_button_21.png); }
/*.join_success_tips START*/
.join_success_tips{}
.join_success_tips .pic{position: absolute; width: 640px; height: 307px; top: 478px; left: 54px; background: url(../images/join_success_tips_pic_90.png); }
.join_success_tips .txt{position: absolute; width: 640px; text-align: center; top: 587px; left: 0; right: 0; margin: 0 auto; color: RGB(219,219,219); font-size: 26px; line-height: 26px; }
.join_success_tips .title{position: absolute; width: 640px; text-align: center; top: 523px; left: 0; right: 0; margin: 0 auto; color: RGB(255,207,74); font-size: 36px; line-height: 36px; }
.join_success_tips .login_tips_button{position: absolute; width: 281px; height: 83px; top: 661px; left: 90px; background: url(../images/join_success_tips_login_tips_button_42.png); }
.join_success_tips .game_tips_button{position: absolute; width: 241px; height: 83px; top: 661px; right: 90px; background: url(../images/error_tips_game_tips_button_70.png); }
/*.error_tips START*/
.error_tips{}
.error_tips .pic{position: absolute; width: 640px; height: 307px; top: 487px; left: 55px; background: url(../images/join_success_tips_pic_90.png); }
.error_tips .txt{position: absolute; width: 640px; top: 532px; left: 55px; text-align: center; color: RGB(219,219,219); font-size: 30px; line-height: 30px; }
.error_tips .close_button{position: absolute; width: 291px; height: 83px; top: 670px; left: 229px; background: url(../images/error_tips_close_button_49.png); }
.error_tips .close_button2{position: absolute; width: 241px; height: 83px; top: 670px; left: 116px; background: url(../images/error_tips_close_button2_89.png); }
.error_tips .game_tips_button{position: absolute; width: 241px; height: 83px; top: 670px; left: 392px; background: url(../images/error_tips_game_tips_button_70.png); }
/*.role_tips START*/
.role_tips{}
.role_tips .pic{position: absolute; width: 641px; height: 880px; top: 129px; left: 54px; background: url(../images/role_tips_pic_26.png); }
.role_tips .role_txt{position: absolute; width: 610px; height: 700px; top: 230px; left: 0; right: 0; margin: 0 auto; color: RGB(219,219,219); font-size: 26px; line-height: 36px; overflow-x: hidden; overflow-y: scroll; }
.role_tips .role_txt p{margin-bottom: 2px; }
.role_tips .role_txt p .dot{font-size: 32px; margin: 0 10px 0 40px; font-weight: bold; }
.role_tips .role_txt p.red{color: #ff4444; }
.role_tips .close_button{position: absolute; width: 291px; height: 83px; top: 945px; left: 229px; background: url(../images/error_tips_close_button_49.png); }
/*.bind_tips START*/
.bind_tips{}
.bind_tips .pic{position: absolute; width: 640px; height: 307px; top: 444px; left: 55px; background: url(../images/join_success_tips_pic_90.png); }
.bind_tips .help_txt{position: absolute; width: 640px; top: 551px; left: 0; right: 0; margin: 0 auto; text-align: center; color: RGB(219,219,219); font-size: 26px; line-height: 26px; }
.bind_tips .title{position: absolute; width: 640px; top: 489px; left: 0; right: 0; margin: 0 auto; text-align: center; color: RGB(255,207,74); font-size: 36px; line-height: 36px; }
.bind_tips .game_tips_button{position: absolute; width: 281px; height: 83px; top: 626px; left: 234px; background: url(../images/bind_tips_game_tips_button_86.png); }
/*.check_tips START*/
.check_tips{}
.check_tips .pic{position: absolute; width: 640px; height: 416px; top: 367px; left: 55px; background: url(../images/check_tips_pic_79.png); }
.check_tips .txt{position: absolute; width: 384px; top: 411px; left: 191px; color: RGB(255,255,255); font-size: 32px; line-height: 48px; }
.check_tips .help_txt{position: absolute; width: 640px; top: 539px; left: 191px; text-align: left; color: RGB(219,219,219); font-size: 26px; line-height: 36px; }
.check_tips .login_tips_button{position: absolute; width: 281px; height: 83px; top: 654px; left: 391px; background: url(../images/check_tips_login_tips_button_36.png); }
.check_tips .bind_tips_button{position: absolute; width: 281px; height: 83px; top: 654px; left: 84px; background: url(../images/check_tips_bind_tips_button_15.png); }
/*.game_tips START*/
.game_tips{}
.game_tips .pic{position: absolute; width: 640px; height: 307px; top: 461px; left: 55px; background: url(../images/join_success_tips_pic_90.png); }
.game_tips .txt{position: absolute; width: 400px; top: 507px; left: 0; right: 0; margin: 0 auto; color: RGB(219,219,219); font-size: 30px; line-height: 40px; text-align: center; }
.game_tips .link_button{position: absolute; width: 281px; height: 83px; top: 643px; right: 80px; background: url(../images/game_tips_link_button_17.png); }
.game_tips .start_button{position: absolute; width: 281px; height: 83px; top: 643px; left: 80px; background: url(../images/start_button.png); }
/*.login_tips START*/
.login_tips{}
.login_tips .help_txt{position: absolute; width: 520px; top: 830px; left: 0; right: 0; margin: 0 auto; color: #fff; font-size: 26px; line-height: 38px; }
.login_tips .help_txt p{margin-bottom: 20px; }
.login_tips .help_txt p.b{font-weight: bold; }
.login_tips .help_txt p.c{text-align: center; }
.login_tips .pic{position: absolute; width: 641px; height: 438px; top: 359px; left: 54px; background: url(../images/login_tips_pic_67.png); }
/*.login_tips .input_mc START*/
.login_tips .input_mc{position: absolute; width: 197px; height: 133px; top: 489px; left: 141px;}
.login_tips .input_mc .server_input{position: absolute; width: 530px; top: -20px; left: -34px; color: #fff; font-size: 28px; padding: 18px 0; text-indent: 30px; background: none; border: none; }
.login_tips .input_mc .uid_input{position: absolute; width: 530px; top: 84px; left: -34px; color: RGB(219,219,219); font-size: 28px; padding: 18px 0; text-indent: 30px; }
.login_tips .check_tips_button{position: absolute; width: 241px; height: 83px; top: 677px; left: 116px; background: url(../images/login_tips_check_tips_button_34.png); }
.login_tips .game_tips_button{position: absolute; width: 241px; height: 83px; top: 677px; left: 392px; background: url(../images/login_tips_game_tips_button_77.png); }
/*.join_tips START*/
.join_tips{}
.join_tips .pic{position: absolute; width: 641px; height: 1080px; top: 47px; left: 53px; background: url(../images/join_tips_pic_35.png); }
/*.join_tips .sit_list START*/
.join_tips .sit_list{position: absolute; width: 641px; top: 123px; left: 53px; }
/*.join_tips .sit_list .sit_mc START*/
.join_tips .sit_list .sit_mc{position: relative; margin-bottom: 14px; width: 641px; height: 160px; }
.join_tips .sit_list .sit_mc .sit_bg{position: absolute; width: 641px; height: 70px; top: 0px; left: 0px; background: url(../images/join_tips_sit_list_sit_mc_sit_bg_37.png); }
.join_tips .sit_list .sit_mc .select_pic{position: absolute; display: none; width: 27px; height: 19px; top: 26px; left: 583px; background: url(../images/join_tips_sit_list_sit_mc_select_pic_25.png); -webkit-animation: zoomIn 0.5s 1 ease-in-out both; }
.join_tips .sit_list .sit_mc.current .select_pic{display: block; }
.join_tips .sit_list .sit_mc .name_txt{position: absolute; white-space: nowrap; width: 213px; top: 21px; left: 26px; color: RGB(255,208,92); font-size: 28px; line-height: 28px; }
/*.join_tips .sit_list .sit_mc .face_list START*/
.join_tips .sit_list .sit_mc .face_list{position: absolute; width: 585px; height: 81px; top: 79px; left: 30px; overflow-x: hidden; -webkit-overflow-scrolling: touch;  display: -webkit-flex; -webkit-flex-direction: row; -webkit-justify-content: flex-start; }
/*.join_tips .sit_list .sit_mc .face_list .user START*/
.join_tips .sit_list .sit_mc .face_list .user{position: relative; width: 81px; height: 81px; top: 0px; left: 0px; margin: 0 18px; -webkit-flex-shrink: 0; -webkit-order: 2; }
.join_tips .sit_list .sit_mc .face_list .user.temp_user{-webkit-order: 1; }
.join_tips .sit_list .sit_mc .face_list .user .face{position: absolute; width: 81px; height: 81px; top: 0px; left: 0px; -webkit-border-radius: 50%; }
.join_tips .join_success_tips_button{position: absolute; width: 291px; height: 83px; top: 995px; right: 80px; background: url(../images/name_tips_close_button_21.png); }
.join_tips .close_button{position: absolute; width: 291px; height: 83px; top: 995px; left: 80px; background: url(../images/return.jpg); }
/*.stage1 START*/
.stage1{}
.stage1 .bg{position: absolute; width: 750px; height: 2080px; top: 0px; left: 0px; background: url(../images/stage1_bg_82.png); }
.stage1 .fly1{position: absolute; width: 750px; height: 2080px; top: 0px; left: 0px; background: url(../images/fly1.png); -webkit-animation: upAndDown 3s infinite ease-in-out both; }
.stage1 .fly2{position: absolute; width: 750px; height: 2080px; top: 0px; left: 0px; background: url(../images/fly2.png); -webkit-animation: upAndDown 2s 1s infinite ease-in-out both; }
/*.stage1 .car_mc START*/
.stage1 .car_mc{position: absolute; width: 707px; height: 437px; top: 376px; left: 0px; -webkit-animation: leftAndRight 2s infinite ease-in-out both; }
.stage1 .car_mc .car_bg{position: absolute; width: 707px; height: 437px; top: 0px; left: 0px; background: url(../images/stage1_car_mc_car_bg_100.png); }
/*.stage1 .car_mc .peoples START*/
.stage1 .car_mc .peoples{position: absolute; width: 397px; height: 323px; top: 18px; left: 78px;}
.stage1 .car_mc .peoples .p5{position: absolute; width: 114px; height: 237px; top: 0px; left: 283px; background: url(../images/stage1_car_mc_peoples_p5_84.png); }
.stage1 .car_mc .peoples .p4{position: absolute; width: 65px; height: 65px; top: 125px; left: 108px; background: url(../images/stage1_car_mc_peoples_p4_90.png); }
.stage1 .car_mc .peoples .p3{position: absolute; width: 116px; height: 97px; top: 110px; left: 0px; background: url(../images/stage1_car_mc_peoples_p3_14.png); }
.stage1 .car_mc .peoples .p2{position: absolute; width: 156px; height: 192px; top: 131px; left: 90px; background: url(../images/stage1_car_mc_peoples_p2_74.png); }
.stage1 .car_mc .peoples .p1{position: absolute; width: 120px; height: 96px; top: 106px; left: 133px; background: url(../images/stage1_car_mc_peoples_p1_68.png); }
.stage1 .car_mc .window{position: absolute; width: 225px; height: 144px; top: 54px; left: 290px; background: url(../images/stage1_car_mc_window_47.png); }
.stage1 .fly{position: absolute; width: 130px; height: 84px; top:376px; left: 550px; background: url(../images/fly.png); -webkit-animation: upAndDown 3s infinite ease-in-out both; }
/*.stage1 .line_mc START*/
.stage1 .line_mc{position: absolute; width: 750px; height: 257px; top: 679px; left: 0px;}
/*.stage1 .line_mc .count_mc START*/
.stage1 .line_mc .count_mc{position: absolute; width: 337px; height: 58px; top: 0px; left: 21px;}
.stage1 .line_mc .count_mc .count_bg{position: absolute; width: 337px; height: 58px; top: 0px; left: 0px; background: url(../images/stage1_line_mc_count_mc_count_bg_87.png); }
.stage1 .line_mc .count_mc .count_txt{position: absolute; white-space: nowrap; top: 22px; left: 75px; color: RGB(217,221,235); font-size: 30px; line-height: 30px; }
.stage1 .line_mc .empty_line{position: absolute; width: 750px; height: 61px; top: 167px; left: 0px; background: url(../images/stage1_line_mc_empty_line_9.png); }
.stage1 .line_mc .full_line{position: absolute; width: 0; height: 61px; top: 167px; left: 70px; background: url(../images/stage1_line_mc_full_line_100.png) -70px 0; }
.stage1 .line_mc .icon{position: absolute; width: 19px; height: 25px; top: 232px; left: 62px; background: url(../images/stage1_line_mc_icon_65.png); -webkit-transform: translate3d(0,0,0); }
.stage1 .line_mc .prize{position: absolute; width: 543px; height: 141px; top: 24px; left: 192px; background: url(../images/stage1_line_mc_prize_2.png); }
/*.stage1 .arrow_mc START*/
.stage1 .arrow_mc{position: absolute; width: 310px; height: 65px; top: 1060px; left: 220px;}
.stage1 .arrow_mc .txt{position: absolute; width: 310px; height: 59px; top: 0px; left: 0px; background: url(../images/stage1_arrow_mc_txt_81.png); }
.stage1 .arrow_mc .arrow{position: absolute; width: 33px; height: 25px; top: 40px; left: 138px; background: url(../images/stage1_arrow_mc_arrow_23.png); -webkit-animation: upAndDown 1s infinite ease-in-out; }
/*.stage1 .friends_list START*/
.stage1 .friends_list{position: absolute; width: 690px; height: 873px; top: 1171px; left: 30px; background: url(../images/stage1_friends_list_list_bg_23.png); overflow-x: hidden; overflow-y: scroll; }
/* .stage1 .friends_list .list_bg{position: absolute; width: 690px; height: 873px; top: 0px; left: 0px; background: url(../images/stage1_friends_list_list_bg_23.png); } */
/*.stage1 .friends_list .user START*/
.stage1 .friends_list .user{position: relative; width: 594px; height: 152px; top: 14px; left: 41px; margin-bottom: 20px; }
.stage1 .friends_list .user .face{position: absolute; width: 107px; height: 107px; top: 11px; left: 11px; -webkit-border-radius: 50%; }
.stage1 .friends_list .user .face_top{position: absolute; width: 128px; height: 128px; top: 0px; left: 0px; background: url(../images/stage1_friends_list_user_face_top_37.png); }
.stage1 .friends_list .user .user_bg{position: absolute; width: 250px; height: 40px; top: 24px; left: 125px; background: url(../images/stage1_friends_list_user_user_bg_9.png); }
.stage1 .friends_list .user .msg_txt{position: absolute; white-space: nowrap; width: 351px; top: 82px; left: 156px; color: RGB(255,255,255); font-size: 26px; line-height: 26px; }
.stage1 .friends_list .user .name_txt{position: absolute; white-space: nowrap; width: 179px; top: 28px; left: 157px; color: RGB(255,235,119); font-size: 30px; line-height: 30px; }
.stage1 .friends_list .user .line{position: absolute; width: 579px; height: 1px; top: 151px; left: 15px; background: url(../images/stage1_friends_list_user_line_42.png); opacity: 0.3;}
/*.stage1 .tanmu_mc START*/
.stage1 .tanmu_mc{position: absolute; width: 256px; height: 33px; top: 405px; left: 91px;}
.stage1 .tanmu_mc .tanmu_txt{position: absolute; width: 256px; top: 0px; left: 0px; color: RGB(255,255,255); font-size: 32px; line-height: 32px; }
/*.stage1 .user_mc START*/
.stage1 .user_mc{position: absolute; width: 334px; height: 112px; top: 91px; left: 6px;}
.stage1 .user_mc .user_bg{position: absolute; width: 250px; height: 40px; top: 40px; left: 84px; background: url(../images/stage1_user_mc_user_bg_91.png); }
.stage1 .user_mc .name_txt{position: absolute; top: 44px; left: 116px; color: RGB(239,238,227); font-size: 30px; line-height: 30px; white-space: nowrap; }
.stage1 .user_mc .face{position: absolute; width: 96px; height: 95px; top: 9px; left: 9px; -webkit-border-radius: 50%; }
.stage1 .user_mc .face_top{position: absolute; width: 113px; height: 112px; top: 0px; left: 0px; background: url(../images/stage1_user_mc_face_top_24.png); }
.stage1 .logo{position: absolute; width: 316px; height: 97px; top: 0px; left: 0px; background: url(../images/stage1_logo_36.png); }
.stage1 .join_tips_button{position: absolute; width: 321px; height: 91px; top: 949px; left: 31px; background: url(../images/stage1_join_tips_button_92.png); }
.stage1 .share_button{position: absolute; width: 321px; height: 91px; top: 949px; left: 381px; background: url(../images/stage1_share_button_11.png); }
.stage1 .role_tips_button{position: absolute; width: 191px; height: 61px; top: 17px; left: 541px; background: url(../images/stage1_role_tips_button_100.png); }

.yellow{color: #ffcf4a; }

@-webkit-keyframes upAndDown { 
	0%,100% { -webkit-transform:translate3d(0,0,0); opacity: 1; }
	50% { -webkit-transform:translate3d(0,-10px,0); opacity: 1; }
}

@-webkit-keyframes leftAndRight { 
	0%,100% { -webkit-transform:translate3d(5px,0,0); opacity: 1; }
	50% { -webkit-transform:translate3d(-5px,0,0); opacity: 1; }
}