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: 1448px; }
/*MAIN END*/
/*.stage8 START*/
.stage8{}
.stage8 .bg{position: absolute; width: 750px; height: 1448px; top: 0px; left: 0px; background: url(../images/stage8_bg_6.png); }
.stage8 .icons{position: absolute; width: 579px; height: 520px; top: 285px; left: 0; right: 0; margin: 0 auto; object-fit: contain; }
.stage8 .link_button1{position: absolute; width: 201px; height: 78px; top: 929px; left: 60px; background: url(../images/stage8_link_button1_83.png); }
.stage8 .link_button2{position: absolute; width: 224px; height: 78px; top: 929px; left: 267px; background: url(../images/stage8_link_button2_85.png); }
.stage8 .share_tips_button{position: absolute; width: 246px; height: 124px; top: 906px; left: 471px; background: url(../images/stage8_share_tips_button_58.png); }
.stage8 .share_tips_button.center{left: 0; right: 0; margin: 0 auto; }
.stage8 .copy_pic{position: absolute; width: 750px; height: 1448px; top: 0px; left: 0px; opacity: 0.01; }
.stage8 .txt4{position: absolute; width: 397px; height: 31px; top: 1075px; left: 176px; background: url(../images/stage8_txt4_17.png); }
.stage8 .txt3{position: absolute; width: 654px; height: 38px; top: 1020px; left: 48px; background: url(../images/stage8_txt3_39.png); }
.stage8 .txt2{position: absolute; width: 648px; height: 98px; top: 815px; left: 55px; background: url(../images/stage8_txt2_5.png); }
.stage8 .txt1{position: absolute; width: 650px; top: 346px; left: 0; right: 0; margin: 0 auto; text-align: center; color: RGB(255,255,255); font-size: 26px; }
/*.stage8 .user_mc START*/
.stage8 .user_mc{position: absolute; width: 147px; height: 170px; top: 158px; left: 300px;}
.stage8 .user_mc .name_txt{position: absolute; width: 247px; top: 134px; left: -50px; color: RGB(255,208,70); font-size: 36px; line-height: 36px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.stage8 .user_mc .face_bg{position: absolute; width: 137px; height: 137px; top: 0px; left: 7px; background: url(../images/stage8_user_mc_face_bg_33.png); }
.stage8 .user_mc .face{position: absolute; width: 94px; height: 94px; top: 21px; left: 29px; -webkit-mask: url(../images/stage8_user_mc_face_75.png); }
.stage8 .logo{position: absolute; width: 258px; height: 67px; top: 33px; left: 242px; background: url(../images/stage8_logo_89.png); }
/*.stage7 START*/
.stage7{}
.stage7 .bg{position: absolute; width: 750px; height: 1448px; top: 0px; left: 0px; background: url(../images/stage7_bg_9.png); }
.stage7 .box{position: absolute; width: 279px; height: 241px; top: 488px; left: 234px; background: url(../images/stage7_box_32.png); }
.stage7 .txt2{position: absolute; width: 650px; top: 722px; left: 0; right: 0; margin: 0 auto; text-align: center; color: RGB(255,255,255); font-size: 26px; }
.stage7 .txt1{position: absolute; width: 650px; top: 282px; left: 0; right: 0; margin: 0 auto; text-align: center; color: RGB(255,255,255); font-size: 26px; }
.stage7 .stage8_button{position: absolute; width: 161px; height: 191px; top: 908px; left: 294px; background: url(../images/stage7_stage8_button_66.png); -webkit-animation: buttonMove 1s infinite ease-in-out both; }
.stage7 .logo{position: absolute; width: 234px; height: 60px; top: 87px; left: 255px; background: url(../images/stage7_logo_18.png); }
/*.stage6 START*/
.stage6{}
.stage6 .bg{position: absolute; width: 750px; height: 1448px; top: 0px; left: 0px; background: url(../images/stage6_bg_27.png); }
/*.stage6 .user2 START*/
.stage6 .user2{position: absolute; width: 137px; height: 137px; top: 500px; left: 307px;}
.stage6 .user2 .face_bg{position: absolute; width: 137px; height: 137px; top: 0px; left: 0px; background: url(../images/stage8_user_mc_face_bg_33.png); }
.stage6 .user2 .face{position: absolute; width: 94px; height: 94px; top: 21px; left: 22px; -webkit-mask: url(../images/stage8_user_mc_face_75.png); }
/*.stage6 .user1 START*/
.stage6 .user1{position: absolute; width: 137px; height: 137px; top: 214px; left: 305px;}
.stage6 .user1 .face_bg{position: absolute; width: 137px; height: 137px; top: 0px; left: 0px; background: url(../images/stage8_user_mc_face_bg_33.png); }
.stage6 .user1 .face{position: absolute; width: 94px; height: 94px; top: 21px; left: 22px; -webkit-mask: url(../images/stage8_user_mc_face_75.png); }
.stage6 .txt2{position: absolute; width: 650px; top: 643px; left: 0; right: 0; margin: 0 auto; text-align: center; color: RGB(255,255,255); font-size: 26px; }
.stage6 .txt1{position: absolute; width: 650px; top: 355px; left: 0; right: 0; margin: 0 auto; text-align: center; color: RGB(255,255,255); font-size: 26px; }
.stage6 .stage7_button{position: absolute; width: 161px; height: 191px; top: 908px; left: 294px; background: url(../images/stage7_stage8_button_66.png); -webkit-animation: buttonMove 1s infinite ease-in-out both; }
.stage6 .logo{position: absolute; width: 234px; height: 60px; top: 87px; left: 255px; background: url(../images/stage7_logo_18.png); }
/*.stage5 START*/
.stage5{}
.stage5 .bg{position: absolute; width: 750px; height: 1448px; top: 0px; left: 0px; background: url(../images/stage5_bg_40.png); }
.stage5 .txt2{position: absolute; width: 650px; top: 595px; left: 0; right: 0; margin: 0 auto; text-align: center; color: RGB(255,255,255); font-size: 26px; }
.stage5 .txt1{position: absolute; width: 650px; top: 231px; left: 0; right: 0; margin: 0 auto; text-align: center; color: RGB(255,255,255); font-size: 26px; }
.stage5 .guns{position: absolute; width: 400px; height: 180px; top: 420px; left: 0; right: 0; margin: 0 auto; object-fit: contain; }
.stage5 .stage6_button{position: absolute; width: 161px; height: 191px; top: 908px; left: 294px; background: url(../images/stage7_stage8_button_66.png); -webkit-animation: buttonMove 1s infinite ease-in-out both; }
.stage5 .logo{position: absolute; width: 234px; height: 60px; top: 87px; left: 255px; background: url(../images/stage7_logo_18.png); }
/*.stage4 START*/
.stage4{}
.stage4 .bg{position: absolute; width: 750px; height: 1448px; top: 0px; left: 0px; background: url(../images/stage4_bg_8.png); }
.stage4 .icon{position: absolute; width: 184px; height: 184px; top: 558px; left: 0; right: 0; margin: 0 auto; object-fit: contain; }
.stage4 .car{position: absolute; width: 320px; height: 210px; top: 175px; left: 0; right: 0; margin: 0 auto; object-fit: contain; }
.stage4 .txt3{position: absolute; width: 650px; top: 361px; left: 0; right: 0; margin: 0 auto; text-align: center; color: RGB(255,255,255); font-size: 26px; }
.stage4 .txt2{position: absolute; width: 650px; top: 738px; left: 0; right: 0; margin: 0 auto; text-align: center; color: RGB(255,255,255); font-size: 26px; }
.stage4 .txt1{position: absolute; width: 650px; top: 363px; left: 0; right: 0; margin: 0 auto; text-align: center; color: RGB(255,255,255); font-size: 26px; }
.stage4 .stage5_button{position: absolute; width: 161px; height: 191px; top: 908px; left: 294px; background: url(../images/stage7_stage8_button_66.png); -webkit-animation: buttonMove 1s infinite ease-in-out both; }
.stage4 .logo{position: absolute; width: 234px; height: 60px; top: 87px; left: 255px; background: url(../images/stage7_logo_18.png); }
/*.stage3 START*/
.stage3{}
.stage3 .bg{position: absolute; width: 750px; height: 1448px; top: 0px; left: 0px; background: url(../images/stage3_bg_11.png); }
/*.stage3 .user_list START*/
.stage3 .user_list{position: absolute; width: 560px; height: 137px; top: 501px; left: 0; right: 0; margin: 0 auto; display: -webkit-flex; -webkit-justify-content: space-around; }
/*.stage3 .user_list .user START*/
.stage3 .user_list .user{position: relative; width: 137px; height: 137px; top: 0px; left: 0px;}
.stage3 .user_list .user .face_bg{position: absolute; width: 137px; height: 137px; top: 0px; left: 0px; background: url(../images/stage8_user_mc_face_bg_33.png); }
.stage3 .user_list .user .face{position: absolute; width: 94px; height: 94px; top: 21px; left: 22px; -webkit-mask: url(../images/stage8_user_mc_face_75.png); }
.stage3 .user_list .user_bg{position: absolute; width: 301px; height: 1px; top: 71px; left: 128px; background: url(../images/stage3_user_list_user_bg_80.png); }
.stage3 .txt3{position: absolute; width: 650px; top: 313px; left: 0; right: 0; margin: 0 auto; text-align: center; color: RGB(255,255,255); font-size: 26px; }
.stage3 .txt2{position: absolute; width: 650px; top: 675px; left: 0; right: 0; margin: 0 auto; text-align: center; color: RGB(255,255,255); font-size: 26px; }
.stage3 .txt1{position: absolute; width: 650px; top: 312px; left: 0; right: 0; margin: 0 auto; text-align: center; color: RGB(255,255,255); font-size: 26px; }
.stage3 .date_bg{position: absolute; width: 336px; height: 66px; top: 194px; left: 207px; background: url(../images/stage3_date_bg_82.png); }
.stage3 .date_txt{position: absolute; width: 650px; top: 210px; left: 0; right: 0; margin: 0 auto; text-align: center; color: RGB(255,255,255); font-size: 36px; line-height: 40px; }
.stage3 .stage4_button{position: absolute; width: 161px; height: 191px; top: 908px; left: 294px; background: url(../images/stage7_stage8_button_66.png); -webkit-animation: buttonMove 1s infinite ease-in-out both; }
.stage3 .logo{position: absolute; width: 234px; height: 60px; top: 87px; left: 255px; background: url(../images/stage7_logo_18.png); }
/*.stage2 START*/
.stage2{}
.stage2 .bg{position: absolute; width: 750px; height: 1448px; top: 0px; left: 0px; background: url(../images/stage5_bg_40.png); }
.stage2 .txt2{position: absolute; width: 650px; top: 647px; left: 0; right: 0; margin: 0 auto; text-align: center; color: RGB(255,255,255); font-size: 26px; }
.stage2 .txt1{position: absolute; width: 650px; top: 491px; left: 0; right: 0; margin: 0 auto; text-align: center; color: RGB(255,255,255); font-size: 26px; }
.stage2 .date_bg{position: absolute; width: 336px; height: 66px; top: 406px; left: 207px; background: url(../images/stage3_date_bg_82.png); }
.stage2 .date_txt{position: absolute; width: 650px; top: 422px; left: 0; right: 0; margin: 0 auto; text-align: center; color: RGB(255,255,255); font-size: 36px; line-height: 40px; }
/*.stage2 .user_mc START*/
.stage2 .user_mc{position: absolute; width: 147px; height: 170px; top: 202px; left: 302px;}
.stage2 .user_mc .name_txt{position: absolute; width: 247px; top: 134px; left: -50px; color: RGB(255,208,70); font-size: 36px; line-height: 36px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.stage2 .user_mc .face_bg{position: absolute; width: 137px; height: 137px; top: 0px; left: 7px; background: url(../images/stage8_user_mc_face_bg_33.png); }
.stage2 .user_mc .face{position: absolute; width: 94px; height: 94px; top: 21px; left: 29px; -webkit-mask: url(../images/stage8_user_mc_face_75.png); }
.stage2 .stage3_button{position: absolute; width: 161px; height: 191px; top: 908px; left: 294px; background: url(../images/stage7_stage8_button_66.png); -webkit-animation: buttonMove 1s infinite ease-in-out both; }
.stage2 .logo{position: absolute; width: 234px; height: 60px; top: 87px; left: 255px; background: url(../images/stage7_logo_18.png); }
/*.stage1 START*/
.stage1{}
.stage1 .bg{position: absolute; width: 750px; height: 1448px; top: 0px; left: 0px; background: url(../images/stage1_bg_48.png); }
.stage1 .title{position: absolute; width: 723px; height: 258px; top: 819px; left: 16px; background: url(../images/stage1_title_64.png); }
.stage1 .big_logo{position: absolute; width: 303px; height: 80px; top: 98px; left: 218px; background: url(../images/stage1_big_logo_37.png); }

.yellow{color: #ffd046; }
.big{font-size: 36px; }

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