body{background: #000;}

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

@font-face { font-family: eva; src: url('../fonts/eva.ttf'); }

.font_txt{font-family: "eva"; position: absolute; opacity: 0.01; }

.share_tips .pic{position: relative; width: 331px; height: 51px; margin-top: 520px; padding-top: 80px; display: -webkit-flex; -webkit-flex-direction: row; -webkit-justify-content: space-around; }
.share_tips .pic .txt{position: absolute; width: 100%; top: 0; text-align: center; font-size: 26px; line-height: 30px; color: #fff; }
.share_tips .pic .share_button{position: relative; width: 55px; height: 55px; }
.share_tips .pic .l{position: relative; width: 1px; height: 55px; background: #fff; }
.share_tips .pic .share_button.tw{background: url(../images/tw.png) no-repeat; background-size: 100%; }
.share_tips .pic .share_button.fb{background: url(../images/fb.png) no-repeat; background-size: 100%; }
.share_tips .pic .share_button.line{background: url(../images/line.png) no-repeat; background-size: 100%; }
/*.bind_tips START*/
.bind_tips{}
.bind_tips .pic{position: absolute; width: 674px; height: 250px; top: 402px; left: 38px; background: url(../images/bind_tips_pic_35.png); }
.bind_tips .txt1{position: absolute; width: 594px; top: 487px; left: 0; right: 0; margin: 0 auto; color: RGB(255,255,255); font-size: 24px; line-height: 34px; }
.bind_tips .txt2{position: absolute; width: 594px; top: 562px; left: 0; right: 0; margin: 0 auto; color: RGB(151,150,150); font-size: 24px; line-height: 34px; }
.bind_tips .close_button{position: absolute; width: 241px; height: 130px; top: 587px; left: 255px; background: url(../images/bind_tips_close_button_62.png); }
/*.error_tips START*/
.error_tips{}
.error_tips .pic{position: absolute; width: 674px; height: 250px; top: 402px; left: 38px; background: url(../images/error_tips_pic_2.png); }
.error_tips .txt{position: absolute; width: 617px; top: 465px; left: 66px; text-align: center; color: RGB(255,255,255); font-size: 28px; line-height: 40px; }
.error_tips .login_tips_button{position: absolute; width: 241px; height: 130px; top: 587px; left: 255px; background: url(../images/error_tips_login_tips_button_29.png); }
/*.check_tips START*/
.check_tips{}
.check_tips .pic{position: absolute; width: 674px; height: 440px; top: 302px; left: 38px; background: url(../images/check_tips_pic_58.png); }
.check_tips .uid_txt{position: absolute; top: 435px; left: 200px; color: RGB(198,198,198); font-size: 28px; line-height: 58px; white-space: nowrap; }
.check_tips .name_txt{position: absolute; width: 168px; top: 543px; left: 336px; color: RGB(198,198,198); font-size: 28px; line-height: 28px; white-space: nowrap; }
.check_tips .server_txt{position: absolute; width: 215px; top: 629px; left: 107px; color: RGB(255,255,255); font-size: 24px; line-height: 24px; white-space: nowrap; }
.check_tips .close_button{position: absolute; width: 69px; height: 40px; top: 251px; left: 629px; background: url(../images/check_tips_close_button_36.png); }
.check_tips .bind_tips_button{position: absolute; width: 178px; height: 70px; top: 708px; left: 378px; background: url(../images/check_tips_bind_tips_button_58.png); }
.check_tips .login_tips_button{position: absolute; width: 178px; height: 70px; top: 708px; left: 197px; background: url(../images/check_tips_login_tips_button_16.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; pointer-events: none; }
.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: 674px; height: 450px; top: 302px; left: 38px; background: url(../images/login_tips_pic_95.png); }
.login_tips .close_button2{position: absolute; width: 69px; height: 40px; top: 243px; left: 629px; background: url(../images/check_tips_close_button_36.png); }
.login_tips .uid_input{position: absolute; width: 500px; top: 495px; left: 0; right: 0; margin: 0 auto; color: RGB(163,163,166); font-size: 28px; line-height: 28px; padding: 15px 0; border: solid #bf1b22 1px; text-indent: 10px; }
.login_tips .server_input{position: absolute; width: 500px; top: 590px; left: 0; right: 0; margin: 0 auto; background: transparent; border: solid #bf1b22 1px; color: RGB(163,163,166); font-size: 28px; line-height: 58px; height: 58px; }
.login_tips .link_button{position: absolute; width: 178px; height: 70px; top: 717px; left: 378px; background: url(../images/login_tips_close_button_97.png); }
.login_tips .check_tips_button{position: absolute; width: 178px; height: 70px; top: 717px; left: 197px; background: url(../images/login_tips_check_tips_button_58.png); }
/*.role_tips START*/
.role_tips{}
.role_tips .pic{position: absolute; width: 674px; height: 950px; top: 195px; left: 38px; background: url(../images/role_tips_pic_93.png); }
.role_tips .title{position: absolute; width: 598px; height: 47px; top: 236px; left: 103px; background: url(../images/role_tips_title_6.png); }
.role_tips .txt{position: absolute; width: 620px; top: 300px; left: 0; right: 0; margin: 0 auto; color: RGB(198,198,198); font-size: 24px; line-height: 38px; }
.role_tips .close_button{position: absolute; width: 241px; height: 130px; top: 1081px; left: 255px; background: url(../images/role_tips_close_button_45.png); }
/*.stage3 START*/
.stage3{}
.stage3 .bg{position: absolute; width: 750px; height: 1448px; top: 0px; left: 0px; background: url(../images/stage2_bg_59.png); }
.stage3 .start_button{position: absolute; width: 419px; height: 150px; top: 683px; left: 0; right: 0; margin: 0 auto; background: url(../images/start_button.png); }
.stage3 .share_button{position: absolute; width: 544px; height: 152px; top: 683px; left: 104px; background: url(../images/stage3_share_button_49.png); }
.stage3 .stage2_button{position: absolute; width: 264px; height: 80px; top: 852px; left: 102px; background: url(../images/stage3_stage2_button_96.png); }
.stage3 .link_button2{position: absolute; width: 264px; height: 80px; top: 852px; left: 380px; background: url(../images/stage3_link_button_28.png); }
.stage3 .pic{position: absolute; width: 750px; height: 419px; top: 146px; left: 0px; background: url(../images/image.png); }
.stage3 .txt1{position: absolute; width: 610px; top: 230px; left: 0; right: 0; margin: 0 auto; color: RGB(255,255,255); font-family: "eva"; font-weight: bold; font-size: 50px; line-height: 70px; text-align: center; }
.stage3 .txt2{position: absolute; width: 510px; top: 390px; left: 0; right: 0; margin: 0 auto;color: RGB(255,255,255); font-size: 32px; line-height: 45px; text-align: center; }
.stage3 .help_txt1{position: absolute; width: 592px; height: 82px; top: 604px; left: 0; right: 0; margin: 0 auto; background: url(../images/stage3_txt_29.png); }
.stage3 .help_txt2{position: absolute; width: 592px; height: 82px; top: 604px; left: 0; right: 0; margin: 0 auto; background: url(../images/stage3_txt_2.png); }
.stage3 .help_txt3{position: absolute; width: 592px; height: 82px; top: 604px; left: 0; right: 0; margin: 0 auto; background: url(../images/stage3_txt_3.png); }
.stage3 .foot{position: absolute; width: 705px; height: 110px; bottom: 20px; left: 23px; background: url(../images/stage3_foot_99.png); }
/*.stage2 START*/
.stage2{}
.stage2 .bg{position: absolute; width: 750px; height: 1448px; top: 0px; left: 0px; background: url(../images/stage2_bg_59.png); }
.stage2 .help_txt{position: absolute; width: 750px; top: 915px; text-align: center; color: #fff; opacity: 0.6; }
/*.stage2 .tanmu_list START*/
.stage2 .tanmu_list{position: absolute; width: 750px; height: 580px; top: 20px; left: 0; }
/*.stage2 .tanmu_list .tanmu START*/
.stage2 .tanmu_list .tanmu{position: absolute; display: -webkit-flex; -webkit-flex-direction: row; -webkit-justify-content: flex-start; -webkit-flex-wrap: nowrap; -webkit-transform: translate3d(0,0,0); -webkit-transition: -webkit-transform 10s linear; }
.stage2 .tanmu_list .tanmu .right{position: relative; -webkit-flex-shrink: 0; width: 27px; height: 40px; background: url(../images/stage2_tanmu_list_tanmu_right_38.png); opacity: 0.6;}
.stage2 .tanmu_list .tanmu .txt{position: relative; -webkit-flex-shrink: 0; margin: 0 10px; color: RGB(255,255,255); font-size: 42px; line-height: 42px; white-space: nowrap; }
.stage2 .tanmu_list .tanmu .left{position: relative; -webkit-flex-shrink: 0; width: 27px; height: 40px; background: url(../images/left.png); opacity: 0.6;}
.stage2 .input_bg{position: absolute; width: 744px; height: 1429px; top: 0; left: 0; right: 0; margin: 0 auto; background: url(../images/input_bg.png); }
.stage2 .input1{position: absolute; width: 190px; top: 62px; left: 330px; color: RGB(255,255,255); font-size: 28px; line-height: 32px; padding: 20px 0px; text-align: center; }
.stage2 .input2{position: absolute; width: 190px; top: 190px; left: 262px; color: RGB(255,255,255); font-size: 28px; line-height: 32px; padding: 20px 0px; text-align: center; }
.stage2 .input3{position: absolute; width: 190px; top: 316px; left: 355px; color: RGB(255,255,255); font-size: 28px; line-height: 32px; padding: 20px 0px; text-align: center; }
.stage2 .input4{position: absolute; width: 190px; top: 442px; left: 362px; color: RGB(255,255,255); font-size: 28px; line-height: 32px; padding: 20px 0px; text-align: center; }
.stage2 .input5{position: absolute; width: 190px; top: 560px; left: 312px; color: RGB(255,255,255); font-size: 28px; line-height: 32px; padding: 20px 0px; text-align: center; }
.stage2 .input6{position: absolute; width: 190px; top: 688px; left: 72px; color: RGB(255,255,255); font-size: 28px; line-height: 32px; padding: 20px 0px; text-align: center; }
.stage2 .input7{position: absolute; width: 190px; top: 812px; left: 256px; color: RGB(255,255,255); font-size: 28px; line-height: 32px; padding: 20px 0px; text-align: center; }
.stage2 .foot{position: absolute; width: 705px; height: 110px; bottom: 20px; left: 23px; background: url(../images/stage3_foot_99.png); }
.stage2 .stage3_button{position: absolute; width: 419px; height: 150px; top: 960px; left: 183px; background: url(../images/stage2_stage3_button_47.png); }
/*.stage1 START*/
.stage1{}
.stage1 .bg{position: absolute; width: 750px; height: 1448px; top: 0px; left: 0px; background: url(../images/stage2_bg_59.png); }
/*.stage1 .model_mc START*/
.stage1 .model_mc{position: absolute; width: 630px; height: 1112px; top: 129px; left: 2px;}
.stage1 .model_mc .model_bg{position: absolute; width: 630px; height: 649px; top: 248px; left: 0px; background: url(../images/stage1_model_mc_model_bg_65.png); }
.stage1 .model_mc .model1{position: absolute; width: 598px; height: 1090px; top: 22px; left: 24px; background: url(../images/stage1_model_mc_model1_56.png); }
.stage1 .model_mc .model2{position: absolute; width: 598px; height: 1090px; top: 22px; left: 24px; background: url(../images/stage1_model_mc_model2_81.png); }
.stage1 .model_mc .model3{position: absolute; width: 598px; height: 1090px; top: 22px; left: 24px; background: url(../images/stage1_model_mc_model3_77.png); }
.stage1 .model_mc .model4{position: absolute; width: 598px; height: 1112px; top: 0px; left: 24px; background: url(../images/stage1_model_mc_model4_5.png); }
/*.stage1 .line_mc START*/
.stage1 .line_mc{position: absolute; width: 189px; height: 865px; top: 133px; left: 483px;}
.stage1 .line_mc .line0{position: absolute; width: 44px; height: 865px; top: 0px; left: 156px; background: url(../images/stage1_line_mc_line0_26.png); }
.stage1 .line_mc .line100{position: absolute; width: 23px; height: 726px; bottom: 0px; left: 168px; background: url(../images/stage1_line_mc_line100_39.png); background-position: bottom; }
.stage1 .line_mc .prize{position: absolute; width: 189px; height: 645px; top: 131px; left: 38px; background: url(../images/stage1_line_mc_prize_80.png); }
.stage1 .slogan{position: absolute; width: 533px; height: 150px; top: 48px; left: 110px; background: url(../images/stage1_slogan_65.png); }
.stage1 .stage2_button{position: absolute; width: 579px; height: 150px; top: 1011px; left: 85px; background: url(../images/stage1_stage2_button_68.png); }
.stage1 .foot{position: absolute; width: 705px; height: 110px; bottom: 10px; left: 23px; background: url(../images/stage3_foot_99.png); }
.stage1 .count_mc{position: absolute; width: 265px; height: 88px; top: 950px; left: 415px; background: url(../images/count_bg.png); }
.stage1 .count_mc .count_txt{position: absolute; text-align: right; right: 50px; color: #bf1b22; font-size: 30px; top: 6px; }

.foot .role_button{position: absolute; width: 240px; height: 110px; right: 0;  }