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*/

.tips_mc.show .bg{opacity: 0.92; }

.login_tips{display: none; position: absolute; top: 0; }
/*iframe{-webkit-user-select: auto; }*/
.login_tips.show{display: block; }
/*.login_tips .pic{top: 70px; }*/
#login{background: #fff; margin: 0 auto; height: 300px; padding: 30px; top: 100px; text-align: center; }

.sound_button{position: absolute; width: 70px; height: 70px; top: 20px; left: 20px; background: url(../images/sound_button_87.png); -webkit-animation: itemMove 2s infinite linear; opacity: 1; }
.sound_button.pause{-webkit-animation: none; opacity: 0.5; }

/*.check_fail_tips START*/
.check_fail_tips{}
.check_fail_tips .pic{position: absolute; width: 669px; height: 362px; top: 336px; left: 32px; background: url(../images/check_fail_tips_pic_12.png); }
.check_fail_tips .user_tips_button{position: absolute; width: 265px; height: 76px; top: 561px; left: 234px; background: url(../images/user_tips_reload_button_27.png); }
.check_fail_tips .close_button{position: absolute; width: 49px; height: 49px; top: 274px; left: 652px; background: url(../images/check_fail_tips_close_button_62.png); }
/*.check_user_tips START*/
.check_user_tips{}
.check_user_tips .pic{position: absolute; width: 669px; height: 560px; top: 255px; left: 32px; background: url(../images/check_user_tips_pic_78.png); }
.check_user_tips .txt{position: absolute; width: 352px; top: 400px; left: 188px; color: RGB(255,255,255); font-size: 26px; line-height: 48px; }
.check_user_tips .user_tips_button{position: absolute; width: 265px; height: 76px; top: 679px; left: 92px; background: url(../images/check_user_tips_user_tips_button_45.png); }
.check_user_tips .draw_tips_button{position: absolute; width: 265px; height: 76px; top: 679px; left: 377px; background: url(../images/check_user_tips_draw_tips_button_62.png); }
.check_user_tips .close_button{position: absolute; width: 49px; height: 49px; top: 193px; left: 652px; background: url(../images/check_fail_tips_close_button_62.png); }
/*.user_tips START*/
.user_tips{}
.user_tips .pic{position: absolute; width: 669px; height: 480px; top: 325px; left: 32px; background: url(../images/user_tips_pic_45.png); }
.user_tips .server_input{position: absolute; width: 334px; height: 55px; top: 465px; left: 244px; background: url(../images/user_tips_server_input_41.png); }
.user_tips .reload_button{position: absolute; width: 265px; height: 76px; top: 688px; left: 92px; background: url(../images/user_tips_reload_button_27.png); }
.user_tips .check_user_tips_button{position: absolute; width: 265px; height: 76px; top: 688px; left: 377px; background: url(../images/user_tips_check_user_tips_button_93.png); }
.user_tips .close_button{position: absolute; width: 49px; height: 49px; top: 263px; left: 652px; background: url(../images/check_fail_tips_close_button_62.png); }
/*.not_me_tips START*/
.not_me_tips{}
.not_me_tips .pic{position: absolute; width: 669px; height: 422px; top: 336px; left: 32px; background: url(../images/not_me_tips_pic_57.png); }
.not_me_tips .close_button2{position: absolute; width: 265px; height: 76px; top: 622px; left: 92px; background: url(../images/not_me_tips_close_button2_83.png); }
.not_me_tips .link_button{position: absolute; width: 265px; height: 76px; top: 622px; left: 377px; background: url(../images/not_me_tips_link_button_15.png); }
.not_me_tips .close_button{position: absolute; width: 49px; height: 49px; top: 274px; left: 652px; background: url(../images/check_fail_tips_close_button_62.png); }
/*.sure_tips START*/
.sure_tips{}
.sure_tips .pic{position: absolute; width: 669px; height: 633px; top: 255px; left: 32px; background: url(../images/sure_tips_pic_25.png); }
.sure_tips .txt{position: absolute; width: 528px; top: 384px; left: 102px; color: RGB(255,255,255); font-size: 22px; line-height: 32px; }
.sure_tips .input_tips_button{position: absolute; width: 265px; height: 76px; top: 753px; left: 92px; background: url(../images/sure_tips_input_tips_button_82.png); }
.sure_tips .message_tips_button{position: absolute; width: 265px; height: 76px; top: 753px; left: 377px; background: url(../images/sure_tips_message_tips_button_21.png); }
.sure_tips .close_button{position: absolute; width: 49px; height: 49px; top: 193px; left: 652px; background: url(../images/check_fail_tips_close_button_62.png); }
/*.input_tips START*/
.input_tips{}
.input_tips .name_input{position: absolute; width: 304px; top: 178px; left: 240px; color: #fff; font-size: 28px; line-height: 52px; text-indent: 10px; }
.input_tips .phone_input{position: absolute; width: 304px; top: 254px; left: 240px; color: #fff; font-size: 28px; line-height: 52px; text-indent: 10px; }
.input_tips .address_input{position: absolute; width: 304px; top: 328px; left: 240px; color: #fff; font-size: 28px; line-height: 52px; text-indent: 10px; }
.input_tips .pic{position: absolute; width: 669px; height: 601px; top: 287px; left: 32px; background: url(../images/input_tips_pic_10.png); }
.input_tips .txt{position: absolute; width: 500px; top: 352px; left: 0; right: 0; margin: 0 auto; text-align: center; color: RGB(255,255,255); font-size: 28px; line-height: 34px; }
.input_tips .close_button2{position: absolute; width: 265px; height: 76px; top: 753px; left: 92px; background: url(../images/sure_tips_input_tips_button_82.png); }
.input_tips .sure_tips_button{position: absolute; width: 265px; height: 76px; top: 753px; left: 377px; background: url(../images/sure_tips_message_tips_button_21.png); }
.input_tips .close_button{position: absolute; width: 49px; height: 49px; top: 225px; left: 652px; background: url(../images/check_fail_tips_close_button_62.png); }
/*.message_tips START*/
.message_tips{}
.message_tips .pic{position: absolute; width: 520px; height: 334px; top: 345px; left: 115px; background: url(../images/message_tips_pic_92.png); }
.message_tips .txt{position: absolute; width: 465px; top: 414px; left: 140px; color: RGB(255,255,255); font-size: 26px; line-height: 40px; text-align: center; }
.message_tips .close_button2{position: absolute; width: 305px; height: 76px; top: 561px; left: 223px; background: url(../images/message_tips_close_button2_79.png); }
.message_tips .close_button{position: absolute; width: 49px; height: 49px; top: 286px; left: 586px; background: url(../images/check_fail_tips_close_button_62.png); }
/*.draw_fail_tips START*/
.draw_fail_tips{}
.draw_fail_tips .pic{position: absolute; width: 520px; height: 384px; top: 345px; left: 115px; background: url(../images/draw_fail_tips_pic_74.png); }
.draw_fail_tips .close_button2{position: absolute; width: 265px; height: 76px; top: 613px; left: 243px; background: url(../images/draw_fail_tips_close_button2_46.png); }
.draw_fail_tips .close_button2.up{top: 566px; }
.draw_fail_tips .message_tips_button{position: absolute; width: 265px; height: 76px; top: 517px; left: 243px; background: url(../images/draw_fail_tips_message_tips_button_56.png); }
.draw_fail_tips .close_button{position: absolute; width: 49px; height: 49px; top: 286px; left: 586px; background: url(../images/check_fail_tips_close_button_62.png); }
/*.draw_tips START*/
.draw_tips{}
.draw_tips .mc_bg{position: absolute; width: 669px; height: 422px; top: 336px; left: 32px; background: url(../images/draw_tips_mc_bg_37.png); }
.draw_tips .txt{position: absolute; width: 450px; top: 375px; left: 0; right: 0; margin: 0 auto; text-align: center; color: RGB(255,255,255); font-size: 26px; line-height: 40px; }
.draw_tips .prize{position: absolute; width: 228px; height: 142px; top: 467px; left: 256px; background: url(../images/draw_tips_prize_68.png); }
.draw_tips .input_tips_button{position: absolute; width: 265px; height: 76px; top: 640px; left: 377px; background: url(../images/draw_tips_input_tips_button_78.png); }
.draw_tips .close_button2{position: absolute; width: 265px; height: 76px; top: 640px; left: 92px; background: url(../images/draw_tips_close_button2_78.png); }
.draw_tips .close_button{position: absolute; width: 49px; height: 49px; top: 274px; left: 652px; background: url(../images/check_fail_tips_close_button_62.png); }
/*.view_draw_tips START*/
.view_draw_tips{}
/*.view_draw_tips .mc START*/
.view_draw_tips .mc{position: absolute; width: 520px; height: 402px; top: 345px; left: 115px;}
.view_draw_tips .mc .mc_bg{position: absolute; width: 520px; height: 402px; top: 0px; left: 0px; background: url(../images/view_draw_tips_mc_mc_bg_13.png); }
.view_draw_tips .mc .title_txt{position: absolute; width: 400px; top: 60px; left: 0; right: 0; margin: 0 auto; text-align: center; color: RGB(255,255,255); font-size: 26px; line-height: 26px; }
.view_draw_tips .mc .prize_txt{position: absolute; width: 400px; top: 106px; left: 0; right: 0; margin: 0 auto; text-align: center; color: RGB(51,243,255); font-size: 26px; line-height: 26px; }
.view_draw_tips .mc .help_txt{position: absolute; width: 450px; top: 153px; left: 0; right: 0; margin: 0 auto; text-align: center; color: RGB(255,255,255); font-size: 22px; line-height: 32px; }
.view_draw_tips .mc .close_button2{position: absolute; width: 305px; height: 76px; top: 287px; left: 108px; background: url(../images/view_draw_tips_mc_close_button2_24.png); }
.view_draw_tips .close_button{position: absolute; width: 49px; height: 49px; top: 286px; left: 586px; background: url(../images/check_fail_tips_close_button_62.png); }
/*.connect_tips START*/
.connect_tips{}
.connect_tips .txt1{position: absolute; width: 100px; color: #fff; font-size: 28px; line-height: 40px; top: 370px; left: 24px; text-align: center; }
.connect_tips .txt2{position: absolute; width: 100px; color: #fff; font-size: 28px; line-height: 40px; top: 845px; left: 620px; text-align: center; }
.connect_tips .pic{position: absolute; width: 750px; height: 1184px; top: 0px; left: 0px; background: url(../images/connect_tips_pic_15.png); }
.connect_tips .pic2{position: absolute; width: 664px; height: 655px; top: 354px; left: 38px; background: url(../images/connect_pic.png); }
/*.connect_tips .not_light START*/
.connect_tips .not_light{position: absolute; width: 692px; height: 659px; top: 400px; left: 30px;}
.connect_tips .not_light .line7{position: absolute; width: 661px; height: 543px; top: 37px; left: 31px; background: url(../images/connect_tips_not_light_line7_45.png); }
.connect_tips .not_light .line6{position: absolute; width: 132px; height: 156px; top: 503px; left: 384px; background: url(../images/connect_tips_not_light_line6_21.png); }
.connect_tips .not_light .line5{position: absolute; width: 46px; height: 88px; top: 426px; left: 365px; background: url(../images/connect_tips_not_light_line5_58.png); }
.connect_tips .not_light .line4{position: absolute; width: 115px; height: 118px; top: 274px; left: 283px; background: url(../images/connect_tips_not_light_line4_63.png); }
.connect_tips .not_light .line3{position: absolute; width: 107px; height: 139px; top: 107px; left: 194px; background: url(../images/connect_tips_not_light_line3_31.png); }
.connect_tips .not_light .line2{position: absolute; width: 196px; height: 76px; top: 69px; left: 151px; background: url(../images/connect_tips_not_light_line2_44.png); }
.connect_tips .not_light .line1{position: absolute; width: 71px; height: 83px; top: 66px; left: 55px; background: url(../images/connect_tips_not_light_line1_63.png); }
.connect_tips .not_light .star8{position: absolute; width: 93px; height: 86px; top: 481px; left: 593px; background: url(../images/connect_tips_not_light_star8_76.png); -webkit-transform-origin: 50% 50%; -webkit-animation: itemMove 8s infinite linear; }
.connect_tips .not_light .star7{position: absolute; width: 93px; height: 86px; top: 539px; left: 436px; background: url(../images/connect_tips_not_light_star8_76.png); -webkit-transform-origin: 50% 50%; -webkit-animation: itemMove 7s infinite linear; }
.connect_tips .not_light .star6{position: absolute; width: 93px; height: 86px; top: 492px; left: 316px; background: url(../images/connect_tips_not_light_star8_76.png); -webkit-transform-origin: 50% 50%; -webkit-animation: itemMove 6s infinite linear; }
.connect_tips .not_light .star5{position: absolute; width: 93px; height: 86px; top: 362px; left: 368px; background: url(../images/connect_tips_not_light_star8_76.png); -webkit-transform-origin: 50% 50%; -webkit-animation: itemMove 5s infinite linear; }
.connect_tips .not_light .star1{position: absolute; width: 92px; height: 100px; top: 0px; left: 0px; background: url(../images/connect_tips_not_light_star1_8.png); -webkit-transform-origin: 47% 49%; -webkit-animation: itemMove 5s infinite linear; }
.connect_tips .not_light .star2{position: absolute; width: 92px; height: 100px; top: 108px; left: 90px; background: url(../images/connect_tips_not_light_star1_8.png); -webkit-transform-origin: 47% 49%; -webkit-animation: itemMove 6s infinite linear; }
.connect_tips .not_light .star3{position: absolute; width: 92px; height: 100px; top: 34px; left: 173px; background: url(../images/connect_tips_not_light_star1_8.png); -webkit-transform-origin: 47% 49%; -webkit-animation: itemMove 7s infinite linear; }
.connect_tips .not_light .star4{position: absolute; width: 92px; height: 100px; top: 208px; left: 229px; background: url(../images/connect_tips_not_light_star1_8.png); -webkit-transform-origin: 47% 49%; -webkit-animation: itemMove 8s infinite linear; }
/*.connect_tips .light START*/
.connect_tips .light{position: absolute; width: 692px; height: 659px; top: 400px; left: 30px; pointer-events: none; }
.connect_tips .light div{pointer-events: none; }
.connect_tips .light .line7{position: absolute; width: 192px; height: 68px; top: 515px; left: 500px; background: url(../images/connect_tips_light_line7_22.png); }
.connect_tips .light .line6{position: absolute; width: 134px; height: 156px; top: 503px; left: 383px; background: url(../images/connect_tips_light_line6_93.png); }
.connect_tips .light .line5{position: absolute; width: 50px; height: 93px; top: 423px; left: 363px; background: url(../images/connect_tips_light_line5_47.png); }
.connect_tips .light .line4{position: absolute; width: 117px; height: 122px; top: 273px; left: 282px; background: url(../images/connect_tips_light_line4_21.png); }
.connect_tips .light .line3{position: absolute; width: 108px; height: 145px; top: 103px; left: 194px; background: url(../images/connect_tips_light_line3_15.png); }
.connect_tips .light .line2{position: absolute; width: 200px; height: 79px; top: 69px; left: 148px; background: url(../images/connect_tips_light_line2_92.png); }
.connect_tips .light .line1{position: absolute; width: 93px; height: 109px; top: 37px; left: 30px; background: url(../images/connect_tips_light_line1_59.png); }
.connect_tips .light .star5{position: absolute; width: 93px; height: 86px; top: 362px; left: 368px; background: url(../images/connect_tips_light_star5_19.png); -webkit-transform-origin: 50% 50%; -webkit-animation: itemMove 5s infinite linear; }
.connect_tips .light .star6{position: absolute; width: 93px; height: 86px; top: 492px; left: 316px; background: url(../images/connect_tips_light_star5_19.png); -webkit-transform-origin: 50% 50%; -webkit-animation: itemMove 6s infinite linear; }
.connect_tips .light .star7{position: absolute; width: 93px; height: 86px; top: 539px; left: 435px; background: url(../images/connect_tips_light_star5_19.png); -webkit-transform-origin: 50% 50%; -webkit-animation: itemMove 7s infinite linear; }
.connect_tips .light .star8{position: absolute; width: 93px; height: 86px; top: 481px; left: 592px; background: url(../images/connect_tips_light_star5_19.png); -webkit-transform-origin: 50% 50%; -webkit-animation: itemMove 8s infinite linear; }
.connect_tips .light .star1{position: absolute; width: 92px; height: 100px; top: 0px; left: 0px; background: url(../images/connect_tips_light_star1_30.png); -webkit-transform-origin: 47% 49%; -webkit-animation: itemMove 5s infinite linear; }
.connect_tips .light .star2{position: absolute; width: 92px; height: 100px; top: 107px; left: 91px; background: url(../images/connect_tips_light_star1_30.png); -webkit-transform-origin: 47% 49%; -webkit-animation: itemMove 6s infinite linear; }
.connect_tips .light .star3{position: absolute; width: 92px; height: 100px; top: 34px; left: 173px; background: url(../images/connect_tips_light_star1_30.png); -webkit-transform-origin: 47% 49%; -webkit-animation: itemMove 7s infinite linear; }
.connect_tips .light .star4{position: absolute; width: 92px; height: 100px; top: 207px; left: 229px; background: url(../images/connect_tips_light_star1_30.png); -webkit-transform-origin: 47% 49%; -webkit-animation: itemMove 8s infinite linear; }
.connect_tips .over_light{position: absolute; width: 713px; height: 657px; top: 402px; left: 0px; background: url(../images/connect_tips_over_light_69.png); pointer-events: none; }
.connect_tips .title{position: absolute; width: 680px; height: 161px; top: 36px; left: 0; right: 0; margin: 0 auto; background: url(../images/connect_tips_title_48.png); }

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

/*.game_tips START*/
.game_tips{}
.game_tips .pic{position: absolute; width: 520px; height: 321px; top: 346px; left: 115px; background: url(../images/game_tips_pic_3.png); }
.game_tips .link_button{position: absolute; width: 305px; height: 76px; top: 531px; left: 223px; background: url(../images/game_tips_link_button_27.png); }
.game_tips .close_button{position: absolute; width: 49px; height: 49px; top: 287px; left: 586px; background: url(../images/check_fail_tips_close_button_62.png); }
/*.help_message_tips START*/
.help_message_tips{}
/*.help_message_tips .mc START*/
.help_message_tips .mc{position: absolute; width: 669px; height: 422px; top: 346px; left: 0; right: 0; margin: 0 auto; }
.help_message_tips .mc .mc_bg{position: absolute; width: 669px; height: 422px; top: 0px; left: 0px; background: url(../images/draw_tips_mc_bg_37.png); }
.help_message_tips .mc .txt{position: absolute; width: 600px; top: 60px; left: 0; right: 0; margin: 0 auto; color: RGB(255,255,255); font-size: 26px; line-height: 48px; text-align: center; }
.help_message_tips .mc .game_tips_button{position: absolute; width: 268px; height: 79px; top: 260px; right: 50px; background: url(../images/my_button.png); }
.help_message_tips .mc .close_button2{position: absolute; width: 268px; height: 79px; top: 260px; left: 50px; background: url(../images/return_button.png); }
.help_message_tips .mc .hutong_button{position: absolute; width: 268px; height: 79px; top: 260px; left: 50px; background: url(../images/hutong_button.png); }
.help_message_tips .mc .web_button{position: absolute; width: 268px; height: 79px; top: 260px; right: 50px; background: url(../images/web_button2.png); }
.help_message_tips .mc .wx_tips_button{position: absolute; width: 268px; height: 79px; top: 260px; right: 50px; background: url(../images/wx_tips.png); }
.help_message_tips .close_button{position: absolute; width: 49px; height: 49px; top: 287px; left: 660px; background: url(../images/check_fail_tips_close_button_62.png); }
/*.role_tips START*/
.role_tips{}
/*.role_tips .mc START*/
.role_tips .mc{position: absolute; width: 700px; height: 800px; top: 155px; left: 25px;}
.role_tips .mc .role_txt{position: absolute; width: 690px; height: 625px; overflow-x: hidden; overflow-y: scroll; top: 163px; }
.role_tips .mc .role_txt::-webkit-scrollbar {width: 10px; background: transparent; }
.role_tips .mc .role_txt::-webkit-scrollbar-thumb {background-color: #fff; }
.role_tips .mc .role_txt::-webkit-scrollbar-track {background: transparent; }
.role_tips .mc .role_txt img{position: relative; margin: 30px; }
.role_tips .mc .mc_bg{position: absolute; width: 700px; height: 800px; top: 0px; left: 0px; background: url(../images/role_tips_mc_mc_bg_22.png); }
.role_tips .mc .txt{position: absolute; width: 603px; top: 188px; left: 48px; color: RGB(255,255,255); font-size: 22px; line-height: 34px; }
.role_tips .mc .line{position: absolute; width: 600px; height: 1px; top: 161px; left: 50px; background: url(../images/role_tips_mc_line_64.png); }
.role_tips .mc .title{position: absolute; width: 201px; height: 46px; top: 94px; left: 249px; background: url(../images/role_tips_mc_title_2.png); }
.role_tips .mc .logo{position: absolute; width: 139px; height: 53px; top: 22px; left: 284px; background: url(../images/role_tips_mc_logo_27.png); }
.role_tips .close_button{position: absolute; width: 49px; height: 49px; top: 100px; left: 675px; background: url(../images/check_fail_tips_close_button_62.png); }
/*.log_tips START*/
.log_tips{}
/*.log_tips .mc START*/
.log_tips .mc{position: absolute; width: 700px; height: 890px; top: 115px; left: 25px;}
.log_tips .mc .mc_bg{position: absolute; width: 700px; height: 890px; top: 0px; left: 0px; background: url(../images/log_tips_mc_mc_bg_79.png); }
/*.log_tips .mc .user_list START*/
.log_tips .mc .user_list{position: absolute; width: 600px; height: 600px; top: 182px; left: 50px; overflow-x: hidden; overflow-y: scroll; }
/*.log_tips .mc .user_list .user START*/
.log_tips .mc .user_list .user{position: relative; width: 600px; height: 80px; top: 0px; left: 0px; margin-bottom: 24px; }
.log_tips .mc .user_list .user .user_bg{position: absolute; width: 600px; height: 80px; top: 0px; left: 0px; background: url(../images/log_tips_mc_user_list_user_user_bg_84.png); }
.log_tips .mc .user_list .user .help_txt{position: absolute; width: 85px; top: 0; left: 404px; color: RGB(66,208,232); font-size: 26px; line-height: 80px; white-space: nowrap; }
.log_tips .mc .user_list .user .name_txt{position: absolute; width: 210px; top: 0; left: 174px; color: RGB(255,255,255); font-size: 26px; line-height: 80px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.log_tips .mc .user_list .user .face{position: absolute; width: 58px; height: 58px; top: 11px; left: 106px; -webkit-border-radius: 50%; }
.log_tips .mc .user_list .user .no_txt{position: absolute; width: 60px; top: 0; left: 35px; color: RGB(255,255,255); font-size: 40px; line-height: 80px; white-space: nowrap; text-align: center; }
.log_tips .mc .arrow{position: absolute; width: 107px; height: 65px; top: 793px; left: 296px; background: url(../images/log_tips_mc_arrow_25.png); }
.log_tips .mc .title{position: absolute; width: 204px; height: 46px; top: 94px; left: 247px; background: url(../images/log_tips_mc_title_76.png); }
.log_tips .mc .logo{position: absolute; width: 139px; height: 53px; top: 22px; left: 284px; background: url(../images/role_tips_mc_logo_27.png); }
.log_tips .close_button{position: absolute; width: 49px; height: 49px; top: 56px; left: 675px; background: url(../images/check_fail_tips_close_button_62.png); }
/*.rank_tips START*/
.rank_tips{}
/*.rank_tips .mc START*/
.rank_tips .mc{position: absolute; width: 700px; height: 910px; top: 118px; left: 25px;}
.rank_tips .mc .mc_bg{position: absolute; width: 700px; height: 910px; top: 0px; left: 0px; background: url(../images/rank_tips_mc_mc_bg_38.png); }
/*.rank_tips .mc .rank_list START*/
.rank_tips .mc .rank_list{position: absolute; width: 600px; height: 600px; top: 202px; left: 50px; overflow-x: hidden; overflow-y: scroll; }
/*.rank_tips .mc .rank_list .user START*/
.rank_tips .mc .rank_list .user{position: relative; width: 600px; height: 80px; top: 0px; left: 0px; margin-bottom: 24px; }
.rank_tips .mc .rank_list .user .user_bg{position: absolute; width: 600px; height: 80px; top: 0px; left: 0px; background: url(../images/rank_tips_mc_rank_list_user_user_bg_18.png); }
.rank_tips .mc .rank_list .user .name_txt{position: absolute; width: 157px; top: 0; left: 174px; color: RGB(255,255,255); font-size: 26px; line-height: 80px; }
.rank_tips .mc .rank_list .user .count_txt{position: absolute; width: 59px; top: 10px; left: 470px; color: RGB(66,208,232); font-size: 26px; line-height: 68px; }
.rank_tips .mc .rank_list .user .face_bg{position: absolute; width: 63px; height: 62px; top: 9px; left: 103px; background: url(../images/rank_tips_mc_rank_list_user_face_bg_36.png); }
.rank_tips .mc .rank_list .user .face{position: absolute; width: 58px; height: 58px; top: 11px; left: 106px; -webkit-border-radius: 50%; }
.rank_tips .mc .rank_list .user .no_txt{position: absolute; width: 20px; top: 0; left: 60px; color: RGB(255,255,255); font-size: 40px; line-height: 80px; }
/*.rank_tips .mc .prize_list START*/
.rank_tips .mc .prize_list{position: absolute; width: 600px; top: 120px; left: 50px; }
/*.rank_tips .mc .prize_list .week_list START*/
.rank_tips .mc .prize_list .week_list{position: absolute; width: 600px; height: 610px; top: 60px; left: 0px; overflow-x: hidden; overflow-y: scroll; }
/*.rank_tips .mc .prize_list .week_list .week START*/
.rank_tips .mc .prize_list .week_list .week{position: relative; width: 600px; top: 0px; left: 0px; margin-bottom: 20px; }
.rank_tips .mc .prize_list .week_list .week .week_bg{position: absolute; width: 600px; height: 258px; top: 0px; left: 0px; background: url(../images/rank_tips_mc_prize_list_week_list_week_week_bg_16.png); }
.rank_tips .mc .prize_list .week_list .week .title{position: relative; width: 100%; color: RGB(255,255,255); font-size: 26px; line-height: 36px; text-align: left; margin-bottom: 10px; }
.rank_tips .mc .prize_list .week_list .week .name_txt{position: absolute; width: 178px; top: 67px; left: 39px; color: RGB(255,255,255); font-size: 22px; line-height: 22px; }
.rank_tips .mc .prize_list .top_bg{position: absolute; width: 600px; height: 38px; top: 0px; left: 0px; background: url(../images/rank_tips_mc_prize_list_top_bg_75.png); }
.rank_tips .mc .prize_list .prize1_button{position: absolute; left: 0px; }
.rank_tips .mc .prize_list .prize2_button{position: absolute; left: 200px; }
.rank_tips .mc .prize_list .prize3_button{position: absolute; left: 400px; }
.rank_tips .mc .prize_list .prize_button{color: #fff; width: 200px; height: 37px; top: 0; font-size: 22px; text-align: center; white-space: nowrap; border-bottom: solid #fff 4px; }
.rank_tips .mc .prize_list .prize_button.hide{display: block; color: #798cb0; border-bottom: solid #798cb0 4px; }
.rank_tips .mc .prize_list .week_list .week .name_list{position: relative; width: 600px; background: url(../images/rank_tips_mc_prize_list_week_list_week_week_bg_16.png); padding: 5px 0; }
.rank_tips .mc .prize_list .week_list .week .name_list .name{position: relative; margin: 10px 0; color: #fff; text-indent: 30px; white-space: nowrap; }
.rank_tips .mc .prize_list .week_list .week .name_list .name span{padding: 0 20px; }
.rank_tips .mc .arrow{position: absolute; width: 107px; height: 65px; top: 813px; left: 296px; background: url(../images/log_tips_mc_arrow_25.png); }
.rank_tips .mc .logo{position: absolute; width: 139px; height: 53px; top: 42px; left: 284px; background: url(../images/role_tips_mc_logo_27.png); }
/*.rank_tips .mc .top_mc START*/
.rank_tips .mc .top_mc{position: absolute; width: 600px; height: 66px; top: 117px; left: 50px;}
.rank_tips .mc .top_mc .top_bg{position: absolute; width: 600px; height: 66px; top: 0px; left: 0px; background: url(../images/rank_tips_mc_top_mc_top_bg_39.png); }
.rank_tips .mc .top_mc .list_button_2{position: absolute; width: 300px; height: 66px; top: 0px; left: 299px; background: url(../images/rank_tips_mc_top_mc_list_button_2_99.png); }
.rank_tips .mc .top_mc .list_button_1{position: absolute; width: 300px; height: 66px; top: 0px; left: 0px; background: url(../images/rank_tips_mc_top_mc_list_button_1_81.png); }
.rank_tips .mc .top_mc .list_button_2.hide{display: block; opacity: 0; }
.rank_tips .mc .top_mc .list_button_1.hide{display: block; opacity: 0; }
.rank_tips .close_button{position: absolute; width: 49px; height: 49px; top: 59px; left: 675px; background: url(../images/check_fail_tips_close_button_62.png); }
/*.wx_tips START*/
.wx_tips{}
.wx_tips .pic{position: absolute; width: 750px; height: 1402px; top: 0px; left: 0px; background: url(../images/wx_tips_pic_28.png); }
.wx_tips .txt{position: absolute; width: 536px; height: 729px; top: 18px; left: 172px; background: url(../images/wx_tips_txt_18.png); }
/*.stage1 START*/
.stage1{}
.stage1 .bg{position: absolute; width: 750px; height: 1448px; top: 0px; left: 0px; background: url(../images/stage1_bg_51.png); }
/*.stage1 .main_mc_1 START*/
.stage1 .main_mc_1{position: absolute; width: 498px; height: 610px; top: 150px; left: 177px;}
.stage1 .main_mc_1 .pic{position: absolute; width: 442px; height: 610px; top: 0px; left: 0px; background: url(../images/stage1_main_mc_1_pic_42.png); }
.stage1 .main_mc_1 .help_button{position: absolute; width: 300px; height: 300px; left: 50px; top: 200px; }
.stage1 .main_mc_1 .name{position: absolute; width: 119px; height: 183px; top: 301px; left: 379px; background: url(../images/stage1_main_mc_1_name_37.png); }
/*.stage1 .main_mc_2 START*/
.stage1 .main_mc_2{position: absolute; width: 498px; height: 610px; top: 150px; left: 177px;}
.stage1 .main_mc_2 .pic{position: absolute; width: 442px; height: 610px; top: 0px; left: 0px; background: url(../images/stage1_main_mc_2_pic_84.png); }
.stage1 .main_mc_2 .help_button{position: absolute; width: 300px; height: 300px; left: 50px; top: 200px; }
.stage1 .main_mc_2 .name{position: absolute; width: 119px; height: 183px; top: 301px; left: 360px; background: url(../images/stage1_main_mc_2_name_100.png); }
/*.stage1 .user_mc START*/
.stage1 .user_mc{position: absolute; width: 237px; height: 323px; top: 380px; left: 33px;}
.stage1 .user_mc .word_bg{position: absolute; width: 237px; height: 182px; top: 0px; left: 0px; background: url(../images/stage1_user_mc_word_bg_98.png); }
.stage1 .user_mc .word_txt{position: absolute; width: 198px; top: 60px; left: 10px; color: RGB(255,255,255); font-size: 20px; line-height: 32px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; }
.stage1 .user_mc .face_bg{position: absolute; width: 100px; height: 100px; top: 185px; left: 56px; background: url(../images/stage1_user_mc_face_bg_30.png); }
.stage1 .user_mc .face{position: absolute; width: 94px; height: 93px; top: 188px; left: 59px; -webkit-border-radius: 50%; }
.stage1 .user_mc .name_txt{position: absolute; width: 214px; top: 297px; left: 0px; color: RGB(255,255,255); font-size: 26px; line-height: 26px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/*.stage1 .word_mc START*/
/*.stage1 .word_mc{position: absolute; width: 542px; height: 48px; top: 332px; left: 108px;}
.stage1 .word_mc .word_bg{position: absolute; width: 542px; height: 48px; top: 0px; left: 0px; background: url(../images/stage1_word_mc_word_bg_75.png); }
.stage1 .word_mc .txt{position: absolute; width: 455px; top: 11px; left: 3px; color: RGB(255,255,255); font-size: 26px; line-height: 26px; }*/
.stage1 .title{position: absolute; width: 561px; height: 206px; top: 108px; left: 0; right: 0; margin: 0 auto; background: url(../images/stage1_title_99.png); }
/*.stage1 .count_mc START*/
.stage1 .count_mc{position: absolute; width: 593px; height: 46px; top: 685px; left: 78px;}
.stage1 .count_mc .count_bg{position: absolute; width: 593px; height: 46px; top: 0px; left: 0px; background: url(../images/stage1_count_mc_count_bg_54.png); }
.stage1 .count_mc .txt{position: absolute; width: 32px; top: 0px; left: 339px; color: RGB(255,255,255); font-size: 26px; line-height: 45px; white-space: nowrap; }
/*.stage1 .prize_mc START*/
.stage1 .prize_mc{position: absolute; width: 723px; height: 195px; top: 900px; left: 21px;}
/*.stage1 .prize_mc .line_mc START*/
.stage1 .prize_mc .line_mc{position: absolute; width: 723px; height: 78px; top: 22px; left: 0px;}
.stage1 .prize_mc .line_mc .line_bg{position: absolute; width: 708px; height: 37px; top: 19px; left: 0px; background: url(../images/stage1_prize_mc_line_mc_line_bg_35.png); }
.stage1 .prize_mc .line_mc .line{position: absolute; width: 700px; height: 29px; top: 23px; left: 4px; background: url(../images/stage1_prize_mc_line_mc_line_56.png?t=08032027); -webkit-border-radius: 30px; }
.stage1 .prize_mc .line_mc .light{position: absolute; width: 250px; height: 78px; top: 0px; left: 473px; background: url(../images/stage1_prize_mc_line_mc_light_17.png); }
/*.stage1 .prize_mc .prize1 START*/
.stage1 .prize_mc .prize1{position: absolute; width: 137px; height: 163px; top: 0px; left: 41px;}
.stage1 .prize_mc .prize1 .hover{position: absolute; width: 121px; height: 121px; top: 0px; left: 8px; background: url(../images/stage1_prize_mc_prize1_hover_40.png); }
.stage1 .prize_mc .prize1 .pic{position: absolute; width: 113px; height: 114px; top: 3px; left: 12px; background: url(../images/stage1_prize_mc_prize1_pic_18.png); }
.stage1 .prize_mc .prize1 .name_txt{position: absolute; width: 137px; top: 135px; left: 0px; color: RGB(232,236,243); font-size: 22px; line-height: 26px; white-space: nowrap; text-align: center; }
.stage1 .prize_mc .prize1 .not_open{position: absolute; width: 88px; height: 29px; top: 100px; left: 25px; background: url(../images/stage1_prize_mc_prize1_not_open_91.png); }
.stage1 .prize_mc .prize1 .open_button{position: absolute; width: 88px; height: 29px; top: 100px; left: 25px; background: url(../images/open_button.png); }
/*.stage1 .prize_mc .prize2 START*/
.stage1 .prize_mc .prize2{position: absolute; width: 137px; height: 163px; top: 0px; left: 285px;}
.stage1 .prize_mc .prize2 .hover{position: absolute; width: 121px; height: 121px; top: 0px; left: 8px; background: url(../images/stage1_prize_mc_prize2_hover_56.png); }
.stage1 .prize_mc .prize2 .pic{position: absolute; width: 113px; height: 114px; top: 3px; left: 12px; background: url(../images/stage1_prize_mc_prize2_pic_24.png); }
.stage1 .prize_mc .prize2 .name_txt{position: absolute; width: 137px; top: 135px; left: 0px; color: RGB(232,236,243); font-size: 22px; line-height: 26px; white-space: nowrap; text-align: center; }
.stage1 .prize_mc .prize2 .not_open{position: absolute; width: 88px; height: 29px; top: 100px; left: 25px; background: url(../images/stage1_prize_mc_prize2_not_open_60.png); }
.stage1 .prize_mc .prize2 .open_button{position: absolute; width: 88px; height: 29px; top: 100px; left: 25px; background: url(../images/open_button.png); }
/*.stage1 .prize_mc .prize3 START*/
.stage1 .prize_mc .prize3{position: absolute; width: 137px; height: 162px; top: 0px; left: 529px;}
.stage1 .prize_mc .prize3 .hover{position: absolute; width: 121px; height: 121px; top: 0px; left: 8px; background: url(../images/stage1_prize_mc_prize3_hover_27.png); }
.stage1 .prize_mc .prize3 .pic{position: absolute; width: 113px; height: 114px; top: 3px; left: 12px; background: url(../images/stage1_prize_mc_prize3_pic_29.png); }
.stage1 .prize_mc .prize3 .name_txt{position: absolute; width: 137px; top: 135px; left: 0px; color: RGB(232,236,243); font-size: 22px; line-height: 26px; white-space: nowrap; text-align: center; }
.stage1 .prize_mc .prize3 .not_open{position: absolute; width: 88px; height: 29px; top: 101px; left: 25px; background: url(../images/stage1_prize_mc_prize3_not_open_33.png); }
.stage1 .prize_mc .prize3 .open_button{position: absolute; width: 88px; height: 29px; top: 100px; left: 26px; background: url(../images/open_button.png); }
.stage1 .prize_mc .copy_right_txt{position: absolute; width: 100%; bottom: 0; text-align: center; color: #4fd8ff; font-size: 20px; line-height: 30px; }
.stage1 .logo{position: absolute; width: 216px; height: 82px; top: 23px; left: 267px; background: url(../images/stage1_logo_6.png); }
/*.stage1 .buttons_mc START*/
.stage1 .buttons_mc{position: absolute; width: 465px; height: 160px; top: 742px; left: 143px;}
.stage1 .buttons_mc .wx_tips_button{position: absolute; width: 465px; height: 76px; top: 0px; left: 0px; background: url(../images/stage1_buttons_mc_wx_tips_button_22.png); -webkit-animation: buttonShow 2s infinite ease-in-out; }
.stage1 .buttons_mc .help_tips_button{position: absolute; width: 409px; height: 76px; top: 0px; left: 0px; background: url(../images/stage1_buttons_mc_help_tips_button_66.png); line-height: 76px; color: #fff; font-size: 28px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; padding: 0 28px; -webkit-animation: buttonShow 2s infinite ease-in-out; }
.stage1 .buttons_mc .rank_tips_button{position: absolute; width: 226px; height: 66px; top: 90px; left: 0px; background: url(../images/stage1_buttons_mc_rank_tips_button_8.png); }
.stage1 .buttons_mc .log_tips_button{position: absolute; width: 226px; height: 66px; top: 90px; left: 236px; background: url(../images/stage1_buttons_mc_log_tips_button_17.png); }
.stage1 .buttons_mc .rank_tips_button.up{top: 0; }
.stage1 .buttons_mc .log_tips_button.up{top: 0; }
.stage1 .role_tips_button{position: absolute; width: 177px; height: 66px; top: 26px; right: 40px; background: url(../images/stage1_role_tips_button_21.png); }
.stage1 .web_button{position: absolute; width: 177px; height: 66px; top: 26px; left: 40px; background: url(../images/web_button.png); }

@-webkit-keyframes buttonShow { 
	0%,100% { -webkit-transform: scale(1); }
	50% { -webkit-transform: scale(1.05); }
}

.blue{color: #33f3ff; }
.red{color: #ffde00; }
.b{font-weight: bold; }