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;}

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

div{font-family: hyt; }

.sound_button{position: absolute; width: 73px; height: 73px; top: 10px; right: 10px; background: url(../images/sound.png); }
.sound_button.play{-webkit-animation: rotate 3s infinite linear; }

@-webkit-keyframes rotate {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}

#main_container{position: relative;}

#main.fix{min-height: initial;}
#main{-webkit-transform-origin: 0 0;}
/*MAIN START*/
#main{width: 750px; min-height: 1450px;}
/*MAIN END*/

.share_tips .pic{position: absolute; width: 629px; height: 337px; top: 300px; left: 35px; right: 0; margin: 0 auto; background: url(../images/share_bg.png); }
.share_tips .close_button{position: absolute; width: 60px; height: 60px; top: 0; right: 0; }
.share_tips .tw_button{position: absolute; width: 110px; height: 130px; top: 135px; left: 232px; }
.share_tips .line_button{position: absolute; width: 110px; height: 130px; top: 135px; left: 50px; }
.share_tips .fb_button{position: absolute; width: 110px; height: 130px; top: 135px; left: 412px; }

.wx_tips .pic{position: absolute; width: 499px; height: 109px; top: 100px; left: 0; right: 0; margin: 0 auto; background: url(../images/wx_pic.png); -webkit-transform: scale(1.3); }

/*.stage12 START*/
.stage12{}
.stage12 .bg{position: absolute; width: 750px; height: 1450px; top: 0px; left: 0px; background: url(../images/stage12_bg_9.jpg); background-size: 100%; background-repeat: round; }
/*.stage12 .txt_mc START*/
.stage12 .txt_mc{position: absolute; width: 702px; height: 315px; top: 672px; left: 0px;}
.stage12 .txt_mc .txt_bg{position: absolute; width: 702px; height: 315px; top: 0px; left: 0px; background: url(../images/stage12_txt_mc_txt_bg_67.png); }
.stage12 .txt_mc .txt{position: absolute; width: 571px; top: 25px; left: 93px; color: RGB(28,52,95); font-size: 24px; line-height: 36px; font-family: auto; }
.stage12 .title{position: absolute; width: 312px; height: 98px; top: 36px; left: 214px; background: url(../images/stage12_title_67.png); }
.stage12 .stage11_button{position: absolute; width: 118px; height: 109px; top: 1211px; left: 564px; background: url(../images/stage12_stage11_button_88.png); }
/*.stage11 START*/
.stage11{}
.stage11 .qr{position: absolute; top: 0; left: 0; opacity: 0.01; }
.stage11 .foot{position: absolute; width: 750px; height: 310px; bottom: 0; left: 0; pointer-events: none; }
.stage11 .copy_img{position: absolute; width: 750px; height: 1450px; top: 0px; left: 0px;}
/*.stage11 .mc1 .pic{position: absolute; width: 750px; height: 1450px; top: 0px; left: 0px; background: url(../images/stage11_mc1_pic_63.png); } */
/*.stage11 .copy_foot START*/
.stage11 .copy_foot{position: absolute; width: 661px; height: 1288px; top: 37px; left: 50px;}
.stage11 .copy_foot .copy_bg{position: absolute; width: 661px; height: 1288px; top: 0px; left: 0px; background: url(../images/stage11_copy_foot_copy_bg_74.png); }
.stage11 .copy_foot .qr{position: absolute; width: 148px; height: 144px; top: 1117px; left: 10px; background: url(../images/stage11_copy_foot_qr_7.png); }
/*.stage11 .base_mc START*/
.stage11 .base_mc{position: absolute; width: 663px; height: 177px; top: 1147px; left: 48px; pointer-events: none; }
/*.stage11 .base_mc .help_txt_mc START*/
.stage11 .base_mc .help_txt_mc{position: absolute; width: 214px; height: 39px; top: 104px; left: 0px;}
.stage11 .base_mc .help_txt_mc .help_txt_mc_bg{position: absolute; width: 214px; height: 39px; top: 0px; left: 0px; background: url(../images/stage11_base_mc_help_txt_mc_help_txt_mc_bg_9.png); }
.stage11 .base_mc .help_txt_mc .help_txt{position: absolute; width: 214px; top: 0; left: 0; color: RGB(235,235,235); font-size: 18px; line-height: 20px; text-align: center; font-family: auto; }
.stage11 .base_mc .txt{position: absolute; width: 466px; top: 108px; left: 232px; color: RGB(26,38,36); font-size: 21px; line-height: 38px; font-family: auto; }
.stage11 .base_mc .item{position: absolute; width: 61px; height: 17px; top: 160px; left: 8px; background: url(../images/stage11_base_mc_item_79.png); opacity: 0.8;}
.stage11 .wx_tips_button{position: absolute; width: 210px; height: 91px; top: 1147px; left: 50px; background: url(../images/stage11_base_mc_wx_tips_button_17.png); }
.stage11 .stage1_button1{position: absolute; width: 210px; height: 91px; top: 1147px; left: 276px; background: url(../images/stage11_base_mc_stage1_button1_23.png); }
.stage11 .stage12_button{position: absolute; width: 210px; height: 91px; top: 1147px; left: 501px; background: url(../images/stage11_base_mc_stage12_button_41.png); }
.stage11 .logo{position: absolute; width: 266px; height: 122px; top: 3px; left: 19px; background: url(../images/stage11_logo_54.png); }
/*.stage10 START*/
.stage10{}
.stage10 .bg{position: absolute; width: 750px; height: 1450px; top: 0px; left: 0px; background: url(../images/stage10_bg_55.png); background-size: 100%; background-repeat: round; }
.stage10 .foot{position: absolute; width: 718px; height: 1405px; top: 0px; left: 0px; background: url(../images/stage10_foot_67.png); }
/*.stage10 .input_mc START*/
.stage10 .input_mc{position: absolute; width: 473px; height: 99px; top: 679px; left: 152px;}
.stage10 .input_mc .input_bg{position: absolute; width: 473px; height: 99px; top: 0px; left: 0px; background: url(../images/stage10_input_mc_input_bg_27.png); }
.stage10 .input_mc .name_input{position: absolute; width: 380px; top: 26px; left: 16px; color: RGB(28,52,95); font-size: 26px; line-height: 55px; text-align: center; }
/*.stage10 .loading_mc START*/
.stage10 .loading_mc{position: absolute; height: 30px; top: 1270px; left: 336px;}
/*.stage10 .loading_mc .dot_list START*/
.stage10 .loading_mc .dot_list{position: absolute; width: 270px; height: 26px; top: 0px; left: 100px; display: -webkit-flex; -webkit-flex-direction: row; -webkit-justify-content: space-around; }
.stage10 .loading_mc .dot_list .red{position: relative; width: 22px; height: 26px; margin: 0 10px; background: url(../images/stage10_loading_mc_dot_list_red_65.png); }
.stage10 .loading_mc .dot_list .white{position: relative; width: 23px; height: 26px; margin: 0 10px; background: url(../images/stage10_loading_mc_dot_list_white_61.png); }
.stage10 .loading_mc .loading_txt2{position: absolute; width: 104px; top: 4px; left: 3px; color: RGB(255,255,255); font-size: 26px; line-height: 26px; }
.stage10 .loading_mc .loading_txt1{position: absolute; width: 104px; top: 0px; left: 0px; color: RGB(28,52,95); font-size: 26px; line-height: 26px; }
/*.stage10 .prev_button START*/
.stage10 .prev_button .button_bg{background: url(../images/stage10_prev_button_button_bg_80.png); }
.stage10 .stage11_button{position: absolute; width: 180px; height: 180px; top: 974px; left: 283px; background: url(../images/stage10_stage11_button_22.png); }
/*.stage9 START*/
.stage9{}
.stage9 .bg{position: absolute; width: 750px; height: 1450px; top: 0px; left: 0px; background: url(../images/stage9_bg_45.png); background-size: 100%; background-repeat: round; }
.stage9 .foot{position: absolute; width: 718px; height: 41px; top: 1364px; left: 0px; background: url(../images/stage9_foot_32.png); }
/*.stage9 .title_mc START*/
.stage9 .title_mc{position: absolute; width: 481px; height: 240px; top: 303px; left: 18px;}
.stage9 .title_mc .title_bg{position: absolute; width: 481px; height: 240px; top: 0px; left: 0px; background: url(../images/stage9_title_mc_title_bg_31.png); }
.stage9 .title_mc .txt{position: absolute; width: 365px; height: 200px; top: 25px; left: 75px; color: RGB(21,38,68); font-size: 30px; line-height: 45px; font-weight: bold; }
/*.stage9 .a_list START*/
.stage9 .a_list{position: absolute; top: 778px; left: 18px; }
/*.stage8 START*/
.stage8{}
.stage8 .bg{position: absolute; width: 750px; height: 1450px; top: 0px; left: 0px; background: url(../images/stage8_bg_53.png); background-size: 100%; background-repeat: round; }
/*.stage8 .title_mc START*/
.stage8 .title_mc{position: absolute; width: 560px; height: 240px; top: 303px; left: 18px;}
.stage8 .title_mc .title_bg{position: absolute; width: 560px; height: 240px; top: 0px; left: 0px; background: url(../images/stage8_title_mc_title_bg_30.png); }
.stage8 .title_mc .txt{position: absolute; width: 470px; height: 200px; top: 25px; left: 75px; color: RGB(21,38,68); font-size: 30px; line-height: 45px; font-weight: bold; }
.stage8 .item_top{position: absolute; width: 663px; height: 1089px; top: 37px; left: 56px; background: url(../images/stage8_item_top_24.png); }
/*.stage8 .a_list START*/
.stage8 .a_list{position: absolute; top: 778px; left: 18px; }
.stage8 .a_list .a_button .button_middle{width: 90%; }
.stage8 .a_list .a_button .txt{font-size: 24px; }
.stage8 .foot{position: absolute; width: 718px; height: 41px; top: 1364px; left: 0px; background: url(../images/stage9_foot_32.png); }
/*.stage7 START*/
.stage7{}
.stage7 .bg{position: absolute; width: 750px; height: 1450px; top: 0px; left: 0px; background: url(../images/stage7_bg_26.png); background-size: 100%; background-repeat: round; }
.stage7 .foot{position: absolute; width: 718px; height: 41px; top: 1364px; left: 0px; background: url(../images/stage9_foot_32.png); }
/*.stage7 .title_mc START*/
.stage7 .title_mc{position: absolute; width: 559px; height: 219px; top: 324px; left: 19px;}
.stage7 .title_mc .title_bg{position: absolute; width: 559px; height: 219px; top: 0px; left: 0px; background: url(../images/stage7_title_mc_title_bg_62.png); }
.stage7 .title_mc .txt{position: absolute; width: 470px; height: 200px; top: 2px; left: 75px; color: RGB(21,38,68); font-size: 30px; line-height: 45px; font-weight: bold; }
/*.stage7 .a_list START*/
.stage7 .a_list{position: absolute; top: 792px; left: 18px; }
.stage7 .item_top{position: absolute; width: 317px; height: 420px; top: 10px; left: 367px; background: url(../images/stage7_item_top_90.png); }
/*.stage6 START*/
.stage6{}
.stage6 .bg{position: absolute; width: 750px; height: 1450px; top: 0px; left: 0px; background: url(../images/stage6_bg_85.png); background-size: 100%; background-repeat: round; }
.stage6 .foot{position: absolute; width: 718px; height: 41px; top: 1364px; left: 0px; background: url(../images/stage9_foot_32.png); }
/*.stage6 .title_mc START*/
.stage6 .title_mc{position: absolute; width: 560px; height: 240px; top: 303px; left: 18px;}
.stage6 .title_mc .title_bg{position: absolute; width: 560px; height: 240px; top: 0px; left: 0px; background: url(../images/stage6_title_mc_title_bg_87.png); }
.stage6 .title_mc .txt{position: absolute; width: 470px; height: 200px; top: 25px; left: 75px; color: RGB(21,38,68); font-size: 30px; line-height: 45px; font-weight: bold; }
/*.stage6 .a_list START*/
.stage6 .a_list{position: absolute; top: 792px; left: 18px; }
.stage6 .item_top{position: absolute; width: 263px; height: 525px; top: 23px; left: 487px; background: url(../images/stage6_item_top_63.png); }
/*.stage5 START*/
.stage5{}
.stage5 .bg{position: absolute; width: 750px; height: 1450px; top: 0px; left: 0px; background: url(../images/stage5_bg_19.png); background-size: 100%; background-repeat: round; }
.stage5 .foot{position: absolute; width: 718px; height: 41px; top: 1364px; left: 0px; background: url(../images/stage9_foot_32.png); }
/*.stage5 .title_mc START*/
.stage5 .title_mc{position: absolute; width: 560px; height: 240px; top: 303px; left: 18px;}
.stage5 .title_mc .title_bg{position: absolute; width: 560px; height: 240px; top: 0px; left: 0px; background: url(../images/stage5_title_mc_title_bg_18.png); }
.stage5 .title_mc .txt{position: absolute; width: 470px; height: 200px; top: 25px; left: 75px; color: RGB(21,38,68); font-size: 30px; line-height: 45px; font-weight: bold; }
/*.stage5 .a_list START*/
.stage5 .a_list{position: absolute; top: 792px; left: 18px; }
/*.stage4 START*/
.stage4{}
.stage4 .bg{position: absolute; width: 750px; height: 1450px; top: 0px; left: 0px; background: url(../images/stage4_bg_62.png); background-size: 100%; background-repeat: round; }
.stage4 .foot{position: absolute; width: 718px; height: 41px; top: 1364px; left: 0px; background: url(../images/stage9_foot_32.png); }
/*.stage4 .title_mc START*/
.stage4 .title_mc{position: absolute; width: 560px; height: 240px; top: 303px; left: 18px;}
.stage4 .title_mc .title_bg{position: absolute; width: 560px; height: 240px; top: 0px; left: 0px; background: url(../images/stage4_title_mc_title_bg_62.png); }
.stage4 .title_mc .txt{position: absolute; width: 470px; height: 200px; top: 25px; left: 75px; color: RGB(21,38,68); font-size: 30px; line-height: 45px; font-weight: bold; }
/*.stage4 .a_list START*/
.stage4 .a_list{position: absolute; top: 670px; left: 18px; }
/*.stage3 START*/
.stage3{}
.stage3 .bg{position: absolute; width: 750px; height: 1450px; top: 0px; left: 0px; background: url(../images/stage3_bg_31.png); background-size: 100%; background-repeat: round; }
.stage3 .foot{position: absolute; width: 718px; height: 41px; top: 1364px; left: 0px; background: url(../images/stage9_foot_32.png); }
/*.stage3 .title_mc START*/
.stage3 .title_mc{position: absolute; width: 542px; height: 219px; top: 392px; left: 200px;}
.stage3 .title_mc .title_bg{position: absolute; width: 542px; height: 219px; top: 0px; left: 0px; background: url(../images/stage3_title_mc_title_bg_89.png); }
.stage3 .title_mc .txt{position: absolute; width: 446px; height: 200px; top: 4px; left: 20px; color: RGB(21,38,68); font-size: 30px; line-height: 45px; font-weight: bold; }
.stage3 .item_top{position: absolute; width: 177px; height: 96px; top: 778px; left: 59px; background: url(../images/stage3_item_top_8.png); }
/*.stage3 .a_list START*/
.stage3 .a_list{position: absolute; top: 865px; left: 18px;}
/*.stage2 START*/
.stage2{}
.stage2 .bg{position: absolute; width: 750px; height: 1450px; top: 0px; left: 0px; background: url(../images/stage2_bg_77.png); background-size: 100%; background-repeat: round; }
.stage2 .foot{position: absolute; width: 718px; height: 41px; top: 1364px; left: 0px; background: url(../images/stage9_foot_32.png); }
/*.stage2 .title_mc START*/
.stage2 .title_mc{position: absolute; width: 543px; height: 297px; top: 246px; left: 18px;}
.stage2 .title_mc .title_bg{position: absolute; width: 543px; height: 297px; top: 0px; left: 0px; background: url(../images/stage2_title_mc_title_bg_1.png); }
.stage2 .title_mc .txt{position: absolute; width: 446px; height: 200px; top: 82px; left: 75px; color: RGB(21,38,68); font-size: 30px; line-height: 45px; font-weight: bold; }
/*.stage2 .a_list START*/
.stage2 .a_list{position: absolute; top: 670px; left: 18px; }
.stage2 .item_top{position: absolute; width: 444px; height: 369px; top: 32px; left: 291px; background: url(../images/stage2_item_top_6.png); }
/*.stage1 START*/
.stage1{}
.stage1 .bg{position: absolute; width: 750px; height: 1450px; top: 0px; left: 0px; background: url(../images/stage1_bg_11.png); background-size: 100%; background-repeat: round; }
.stage1 .slogan{position: absolute; width: 562px; height: 265px; top: 191px; left: 40px; right: 0; margin: 0 auto; background: url(../images/stage1_slogan_15.png); }
/*.stage1 .word_mc START*/
.stage1 .word_mc{position: absolute; width: 463px; height: 159px; top: 477px; left: 0px;}
.stage1 .word_mc .word_bg{position: absolute; width: 463px; height: 159px; top: 0px; left: 0px; background: url(../images/stage1_word_mc_word_bg_10.png); }
.stage1 .word_mc .word{position: absolute; width: 356px; height: 134px; top: 5px; left: 75px; color: RGB(28,52,95); font-size: 30px; line-height: 40px; font-weight: bold; }
/*.stage1 .stage2_button START*/
.stage1 .stage2_button{position: absolute; width: 359px; height: 117px; top: 1010px; left: 193px;}
.stage1 .stage2_button .button_bg{position: absolute; width: 359px; height: 117px; top: 0px; left: 0px; background: url(../images/stage1_stage2_button_button_bg_82.png); }
.stage1 .stage2_button .button_txt{position: absolute; width: 359px; height: 95px; top: 0px; left: 0px; color: RGB(28,52,95); font-size: 50px; text-align: center; font-weight: bold; }

/*.prev_button START*/
.prev_button{position: absolute; width: 231px; height: 91px; top: 1242px; left: 50px;}
.prev_button .button_bg{position: absolute; width: 231px; height: 91px; top: 0px; left: 0px; background: url(../images/stage9_prev_button_button_bg_71.png); }
.prev_button .button_txt{position: absolute; width: 218px; height: 78px; top: 2px; left: 0; color: RGB(21,38,68); font-size: 30px; text-align: center; font-weight: bold; }

/*.a_list .a_button START*/
.a_list .a_button{position: relative; height: 82px; margin-bottom: 15px; overflow: hidden; display: table; }
.a_list .a_button .button_right{position: absolute; width: 66px; height: 82px; top: 0px; right: 0px; background: url(../images/stage9_a_list_a_button_button_right_75.png); }
.a_list .a_button .button_middle{position: absolute; width: 90%; height: 80px; top: 0px; left: 12px; background: url(../images/stage9_a_list_a_button_button_middle_92.png); }
.a_list .a_button .button_left{position: absolute; width: 90px; height: 81px; top: 0px; left: 0px; background: url(../images/stage9_a_list_a_button_button_left_99.png); }
.a_list .a_button .id{position: absolute; width: 64px; top: 4px; left: 14px; color: RGB(21,38,68); font-size: 40px; line-height: 60px; text-align: center; }
.a_list .a_button .txt{position: relative; top: 4px; margin-left: 100px; color: RGB(21,38,68); font-size: 30px; line-height: 62px; padding-right: 22px; font-weight: bold; }

.txt_container{display: -webkit-flex; -webkit-flex-direction: column; -webkit-justify-content: space-around; }
.item_top{pointer-events: none; }