body{background: #faebc4;}

img[src=""],img:not([src]){opacity:0; }

.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*/
.wx_tips{}
.wx_tips .mc{position: absolute; width: 529px; height: 291px; top: 10px; right: 10px; }
.wx_tips .pic{position: absolute; width: 529px; height: 291px; top: 0; left: 0; background: url(../images/wx.png); }
/*.game_tips START*/
.game_tips{}
/*.game_tips .mc START*/
.game_tips .mc{position: absolute; width: 580px; height: 360px; top: 400px; left: 0; right: 0; margin: 0 auto; }
.game_tips .mc .pic{position: absolute; width: 580px; height: 360px; top: 0px; left: 0px; background: url(../images/posted_tips.png); }
.game_tips .mc .title{position: absolute; width: 540px; font-size: 32px; color: #fe3461; text-align: center; left: 0; right: 0; margin: 0 auto; top: 44px; }
.game_tips .mc .close_button{position: absolute; width: 295px; height: 107px; left: 0; right: 0; margin: 0 auto; top: 190px; background: url(../images/sure_button.png); }
/*.posted2_tips START*/
.posted2_tips{}
/*.posted2_tips .mc START*/
.posted2_tips .mc{position: absolute; width: 580px; height: 360px; top: 400px; left: 0; right: 0; margin: 0 auto; }
.posted2_tips .mc .pic{position: absolute; width: 580px; height: 360px; top: 0px; left: 0px; background: url(../images/posted_tips.png); }
.posted2_tips .mc .title{position: absolute; width: 540px; font-size: 24px; color: #fe3461; text-align: center; left: 0; right: 0; margin: 0 auto; top: 80px; }
.posted2_tips .mc .close_button{position: absolute; width: 295px; height: 107px; left: 0; right: 0; margin: 0 auto; top: 190px; background: url(../images/sure_button.png); }
.posted2_tips .mc .close_button2{position: absolute; width: 519px; height: 100px; top: 372px; left: 24px; background: url(../images/role_tips_mc_close_button_20.png); }
/*.posted_tips START*/
.posted_tips{}
/*.posted_tips .mc START*/
.posted_tips .mc{position: absolute; width: 580px; height: 360px; top: 400px; left: 0; right: 0; margin: 0 auto; }
.posted_tips .mc .pic{position: absolute; width: 580px; height: 360px; top: 0px; left: 0px; background: url(../images/posted_tips.png); }
.posted_tips .mc .title{position: absolute; width: 580px; font-size: 30px; color: #fe3461; text-align: center; left: 0; top: 80px; }
.posted_tips .mc .close_button{position: absolute; width: 295px; height: 107px; left: 0; right: 0; margin: 0 auto; top: 170px; background: url(../images/sure_button.png); }
/*.form_tips START*/
.form_tips{}
/*.form_tips .mc START*/
.form_tips .mc{position: absolute; width: 580px; height: 698px; top: 300px; left: 0; right: 0; margin: 0 auto; }
.form_tips .mc .pic{position: absolute; width: 580px; height: 698px; top: 0px; left: 0px; background: url(../images/form_bg.png); }
.form_tips .mc .title{position: absolute; width: 580px; font-size: 30px; color: #fe3461; text-align: center; left: 0; top: 40px; }
.form_tips .mc .help_txt_1{position: absolute; width: 580px; font-size: 24px; color: #74351f; text-align: center; left: 0; top: 100px; }
.form_tips .mc .help_txt_2{position: absolute; width: 580px; font-size: 24px; color: #74351f; text-align: center; left: 0; top: 270px; }
.form_tips .mc .phone_input{position: absolute; width: 500px; top: 180px; left: 0; right: 0; margin: 0 auto; color: RGB(179,146,123); font-size: 24px; line-height: 74px; text-indent: 30px; background: #fff; border: solid 1px #e9b474; -webkit-border-radius: 30px; outline: none; }
.form_tips .mc .post_button{position: absolute; width: 295px; height: 107px; left: 0; right: 0; margin: 0 auto; top: 550px; background: url(../images/post_button.png); }
.form_tips .mc .upload_button{position: absolute; width: 182px; height: 209px; left: 0; right: 0; margin: 0 auto; top: 320px; background: url(../images/upload_bg.png); }
.form_tips .mc .upload_button .delete_button{position: absolute; width: 48px; height: 48px; right: 0; top: 0; background: url(../images/delete_button.png); }
.form_tips .mc .upload_button .delete_button:not([src]){display: none; }
.form_tips .mc .upload_button .upload_button_inside{position: absolute; width: 100%; height: 100%; opacity: 0; top: 0; left: 0; }
.form_tips .mc .upload_button .upload_pic{position: absolute; width: 140px; height: 140px; left: 0; right: 0; margin: 0 auto; top: 20px; object-fit: contain; }
/*.role_tips START*/
.role_tips{}
/*.role_tips .mc START*/
.role_tips .mc{position: absolute; width: 580px; height: 972px; top: 97px; left: 85px;}
.role_tips .mc .pic{position: absolute; width: 580px; height: 824px; top: 32px; left: 0px; background: url(../images/role_tips_mc_pic_42.png); }
.role_tips .mc .txt{position: absolute; width: 527px; top: 80px; left: 24px; color: RGB(116,53,31); font-size: 24px; line-height: 32px; }
.role_tips .mc .txt p{margin-bottom: 3px; }
.role_tips .mc .txt p.left{text-indent: 20px; font-size: 23px; }
.role_tips .mc .txt .b{font-weight: bold; }
.role_tips .mc .title{position: absolute; width: 284px; height: 65px; top: 0px; left: 148px; background: url(../images/role_tips_mc_title_1.png); }
.role_tips .mc .close_button{position: absolute; width: 519px; height: 100px; top: 872px; left: 24px; background: url(../images/role_tips_mc_close_button_20.png); }
/*.sure_tips START*/
.sure_tips{}
/*.sure_tips .mc START*/
.sure_tips .mc{position: absolute; width: 631px; height: 457px; top: 443px; left: 85px;}
.sure_tips .mc .pic{position: absolute; width: 631px; height: 457px; top: 0px; left: 0px; background: url(../images/sure_tips_mc_pic_37.png); }
.sure_tips .mc .phone_txt{position: absolute; width: 138px; top: 193px; left: 179px; color: RGB(116,53,31); font-size: 24px; line-height: 24px; }
.sure_tips .mc .phone_tips_button{position: absolute; width: 70px; height: 24px; top: 191px; left: 332px; background: url(../images/sure_tips_mc_phone_tips_button_62.png); }
.sure_tips .mc .close_button{position: absolute; width: 295px; height: 107px; top: 295px; left: 142px; background: url(../images/sure_tips_mc_close_button_91.png); }
/*.phone_tips START*/
.phone_tips{}
/*.phone_tips .mc START*/
.phone_tips .mc{position: absolute; width: 631px; height: 457px; top: 440px; left: 85px;}
.phone_tips .mc .pic{position: absolute; width: 631px; height: 457px; top: 0px; left: 0px; background: url(../images/phone_tips_mc_pic_60.png); }
/*.phone_tips .mc .input_mc START*/
.phone_tips .mc .input_mc{position: absolute; width: 534px; height: 74px; top: 142px; left: 23px;}
.phone_tips .mc .input_mc .input_bg{position: absolute; width: 534px; height: 74px; top: 0px; left: 0px; background: url(../images/phone_tips_mc_input_mc_input_bg_19.png); }
.phone_tips .mc .input_mc .phone_input{position: absolute; width: 144px; top: 25px; left: 51px; color: RGB(179,146,123); font-size: 24px; line-height: 24px; }
.phone_tips .mc .sure_tips_button{position: absolute; width: 295px; height: 107px; top: 295px; left: 142px; background: url(../images/sure_tips_mc_close_button_91.png); }
/*.post_tips START*/
.post_tips{}
/*.post_tips .mc START*/
.post_tips .mc{position: absolute; width: 580px; height: 578px; top: 381px; left: 85px;}
.post_tips .mc .pic{position: absolute; width: 580px; height: 578px; top: 0px; left: 0px; background: url(../images/post_tips_mc_pic_15.png); }
/*.post_tips .mc .input_mc START*/
.post_tips .mc .input_mc{position: absolute; width: 537px; height: 262px; top: 144px; left: 21px;}
.post_tips .mc .input_mc .input_bg{position: absolute; width: 534px; height: 262px; top: 0px; left: 2px; background: url(../images/post_tips_mc_input_mc_input_bg_53.png); }
.post_tips .mc .input_mc .sign{position: absolute; width: 536px; height: 74px; top: 94px; left: 0px; }
.post_tips .mc .input_mc .code_input{position: absolute; width: 328px; top: 155px; left: 0; color: RGB(179,146,123); font-size: 24px; line-height: 24px; padding: 25px 0; text-indent: 30px; background: #fff; border: solid 1px #e9b474; -webkit-border-radius: 30px; outline: none; }
.post_tips .mc .input_mc .phone_input{position: absolute; width: 535px; top: 45px; left: 0; color: RGB(179,146,123); font-size: 24px; line-height: 24px; padding: 25px 0; text-indent: 30px; background: #fff; border: solid 1px #e9b474; -webkit-border-radius: 30px; outline: none; }
.post_tips .mc .input_mc .code_button{position: absolute; width: 191px; height: 74px; top: 155px; left: 346px; background: url(../images/post_tips_mc_input_mc_code_button_72.png); }
.post_tips .mc .input_mc .code_txt{position: absolute; width: 191px; top: 155px; left: 346px; color: RGB(255,255,255); font-size: 24px; line-height: 74px; pointer-events: none; text-align: center; }
.post_tips .mc .join_tips_button{position: absolute; width: 295px; height: 107px; top: 427px; left: 142px; background: url(../images/sure_tips_mc_close_button_91.png); }
.post_tips .mc .close_button{position: absolute; width: 519px; height: 100px; top: 595px; left: 24px; background: url(../images/role_tips_mc_close_button_20.png); }
/*.joined_tips START*/
.joined_tips{}
/*.joined_tips .mc START*/
.joined_tips .mc{position: absolute; width: 580px; height: 1178px; top: 35px; left: 85px;}
.joined_tips .mc .pic{position: absolute; width: 580px; height: 1084px; top: 94px; left: 0px; background: url(../images/joined_tips_mc_pic_50.png); }
.joined_tips .mc .title{position: absolute; width: 502px; height: 299px; top: 0px; left: 48px; background: url(../images/joined_tips_mc_title_3.png); }
.joined_tips .mc .title_txt{position: absolute; width: 442px; top: 196px; left: 70px; color: RGB(116,53,31); font-size: 30px; line-height: 60px; text-align: center; }
.joined_tips .mc .link_button{position: absolute; width: 295px; height: 107px; top: 1008px; left: 142px; background: url(../images/post_tips_mc_join_tips_button_46.png); }
.joined_tips .mc .close_button{position: absolute; width: 200px; height: 26px; top: 1130px; left: 0; right: 0; text-decoration: underline; margin: 0 auto; font-size: 24px; color: RGB(116,53,31); text-align: center; }
/*.join_tips START*/
.join_tips{}
/*.join_tips .mc START*/
.join_tips .mc{position: absolute; width: 580px; height: 1209px; top: 4px; left: 85px;}
.join_tips .mc .pic{position: absolute; width: 580px; height: 1209px; top: 0px; left: 0px; background: url(../images/join_tips_mc_pic_85.png); }
.join_tips .mc .link_button{position: absolute; width: 295px; height: 107px; top: 1039px; left: 142px; background: url(../images/post_tips_mc_join_tips_button_46.png); }
.join_tips .mc .close_button{position: absolute; width: 121px; height: 26px; top: 1161px; left: 230px; background: url(../images/joined_tips_mc_close_button_50.png); }
/*.top START*/
.top{position: absolute; width: 750px; height: 120px; top: 1px; left: 0px;}
.top .top_bg{position: absolute; width: 750px; height: 96px; top: 0px; left: 0px; background: url(../images/top_top_bg_22.png); }
.top .icon{position: absolute; width: 112px; height: 112px; top: 8px; left: 30px; background: url(../images/top_icon_3.png); }
.top .link_button{position: absolute; width: 209px; height: 83px; top: 0px; left: 513px; background: url(../images/top_link_button_98.png); }
/*.stage2 START*/
.stage2{position: relative; height: 1448px; }
.stage2 .bg{position: absolute; width: 750px; height: 2359px; top: 0px; left: 0px; background: url(../images/stage2_bg_75.png); }
/*.stage2 .tab START*/
.stage2 .tab{position: absolute; width: 718px; height: 539px; top: 700px; left: 4px;}
.stage2 .tab .tab_bg{position: absolute; width: 694px; height: 539px; top: 0px; left: 24px; background: url(../images/stage2_tab_tab_bg_16.png); }
/*.stage2 .tab .user_list START*/
.stage2 .tab .user_list{position: absolute; width: 690px; height: 462px; top: 76px; left: 26px; overflow-y: scroll; overflow-x: hidden; }
/*.stage2 .tab .user_list .user START*/
.stage2 .tab .user_list .user{position: relative; width: 704px; height: 90px; top: 0px; left: 0px; margin: 2px 0px; }
.stage2 .tab .user_list .user .line{position: absolute; width: 678px; height: 2px; top: 88px; left: 6px; background: url(../images/stage2_tab_user_list_user_line_67.png); opacity: 0.36;}
.stage2 .tab .user_list .user .no1{position: absolute; width: 56px; height: 58px; top: 22px; left: 66px; background: url(../images/stage2_tab_user_list_user_no1_80.png); }
.stage2 .tab .user_list .user .no2{position: absolute; width: 49px; height: 50px; top: 24px; left: 70px; background: url(../images/stage2_tab_user_list_user_no2_46.png); }
.stage2 .tab .user_list .user .no3{position: absolute; width: 49px; height: 50px; top: 24px; left: 70px; background: url(../images/stage2_tab_user_list_user_no3_89.png); }
.stage2 .tab .user_list .user .line2{position: absolute; width: 315px; height: 45px; top: 30px; left: 186px; background: url(../images/stage2_tab_user_list_user_line2_5.png); opacity: 0.3;}
.stage2 .tab .user_list .user .name_txt{position: absolute; width: 310px; top: 40px; left: 190px; color: RGB(179,95,66); font-size: 24px; line-height: 24px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.stage2 .tab .user_list .user .res_txt{position: absolute; width: 190px; top: 43px; left: 500px; color: RGB(179,95,66); font-size: 24px; line-height: 24px; text-align: center; }
.stage2 .tab .user_list .user .no_txt{position: absolute; width: 186px; top: 42px; left: 0; color: RGB(179,95,66); font-size: 24px; line-height: 24px; text-align: center; }
.stage2 .tab .user_list .user .my_icon{position: absolute; width: 92px; height: 38px; top: 0px; left: 0px; background: url(../images/stage2_tab_user_list_user_my_icon_55.png); }
.stage2 .get_tips_button{position: absolute; width: 750px; height: 103px; bottom: 0; left: 0px; background: url(../images/stage2_get_tips_button_9.png); }
.stage2 .return_button{position: absolute; width: 147px; height: 41px; background: url(../images/back.png); top: 134px; left: 30px; }
.stage2 .role_button{position: absolute; width: 135px; height: 50px; top: 108px; left: 550px; }
/*.stage1 START*/
.stage1{position: relative; height: 2359px; }
.stage1 .team_res_txt{position: absolute; width: 226px; text-align: right; font-size: 30px; color: #fff; top: 380px; left: 148px; line-height: 55px; letter-spacing: 50px; font-weight: bold; }
.stage1 .bg{position: absolute; width: 750px; height: 2359px; top: 0px; left: 0px; background: url(../images/stage1_bg_76.png); }
/*.stage1 .user_mc START*/
.stage1 .user_mc{position: absolute; width: 617px; height: 115px; top: 648px; left: 65px;}
.stage1 .user_mc .name_bg{position: absolute; width: 504px; height: 115px; top: 0px; left: 113px; background: url(../images/stage1_user_mc_name_bg_8.png); }
.stage1 .user_mc .face_bg{position: absolute; width: 106px; height: 106px; top: 6px; left: 0px; background: url(../images/stage1_user_mc_face_bg_56.png); }
.stage1 .user_mc .name_txt{position: absolute; width: 450px; top: 10px; left: 154px; color: RGB(116,53,31); font-size: 28px; line-height: 32px; }
.stage1 .user_mc .face{position: absolute; width: 96px; height: 96px; top: 11px; left: 5px; -webkit-mask-image: url(../images/stage1_user_mc_face_11.png); }
.stage1 .tab_buttons{position: absolute; width: 694px; height: 100px; top: 801px; left: 28px; }
.stage1 .tab_buttons .tab1{position: absolute; width: 50%; left: 0; height: 100%; }
.stage1 .tab_buttons .tab2{position: absolute; width: 50%; left: 50%; height: 100%; }
/*.stage1 .join_mc START*/
.stage1 .join_mc{position: absolute; width: 694px; height: 992px; top: 801px; left: 28px;}
.stage1 .join_mc .p1{position: absolute; width: 694px; height: 464px; top: 0px; left: 0px; background: url(../images/stage1_join_mc_p1_79.png); }
.stage1 .join_mc .p2{position: absolute; width: 694px; height: 423px; top: 569px; left: 0px; background: url(../images/stage1_join_mc_p2_30.png); }
.stage1 .join_mc .finish{position: absolute; width: 132px; height: 137px; top: 71px; left: 10px; background: url(../images/stage1_join_mc_finish_77.png); }
/*.stage1 .leader_mc START*/
.stage1 .leader_mc{position: absolute; width: 694px; height: 982px; top: 801px; left: 28px;}
.stage1 .leader_mc .p1{position: absolute; width: 694px; height: 464px; top: 0px; left: 0px; background: url(../images/stage1_leader_mc_p1_1.png); }
.stage1 .leader_mc .p2{position: absolute; width: 694px; height: 413px; top: 569px; left: 0px; background: url(../images/stage1_leader_mc_p2_18.png); }
.stage1 .leader_mc .finish{position: absolute; width: 132px; height: 137px; top: 71px; left: 10px; background: url(../images/stage1_join_mc_finish_77.png); }
/*.stage1 .member_mc START*/
.stage1 .member_mc{position: absolute; width: 694px; height: 340px; top: 1847px; left: 28px;}
.stage1 .member_mc .member_bg{position: absolute; width: 694px; height: 311px; top: 29px; left: 0px; background: url(../images/stage1_member_mc_member_bg_14.png); }
.stage1 .member_mc .count_txt{position: absolute; width: 694px; height: 311px; top: 68px; left: 0px; text-align: center; pointer-events: none; color: RGB(116,53,31); font-size: 22px; line-height: 30px; }
.stage1 .member_mc .help_txt{position: absolute; width: 694px; height: 311px; top: 285px; left: 0px; text-align: center; pointer-events: none; color: RGB(116,53,31); font-size: 22px; line-height: 30px; }
/*.stage1 .member_mc .title_mc START*/
.stage1 .member_mc .title_mc{position: absolute; width: 414px; height: 65px; top: 0px; left: 140px;}
.stage1 .member_mc .title_mc .title_bg{position: absolute; width: 414px; height: 65px; top: 0px; left: 0px; background: url(../images/stage1_member_mc_title_mc_title_bg_80.png); }
.stage1 .member_mc .title_mc .name_txt{position: absolute; width: 414px; top: 17px; left: 0; text-align: center; color: RGB(116,53,31); font-size: 30px; line-height: 30px; }
/*.stage1 .member_mc .user_list START*/
.stage1 .member_mc .user_list{position: absolute; width: 672px; height: 161px; top: 108px; left: 12px; display: -webkit-flex; -webkit-flex-direction: row; -webkit-flex-wrap: nowrap; overflow-x: scroll; overflow-y: hidden; }
/*.stage1 .member_mc .user_list .user START*/
.stage1 .member_mc .user_list .user{position: relative; width: 151px; height: 161px; -webkit-flex-shrink: 0; margin: 0 -10px; }
.stage1 .member_mc .user_list .user .user_bg{position: absolute; width: 151px; height: 129px; top: 0px; left: 0px; background: url(../images/stage1_member_mc_user_list_user_user_bg_90.png); }
.stage1 .member_mc .user_list .user .name_txt{position: absolute; width: 151px; text-align: center; top: 138px; left: 0; color: RGB(165,94,11); font-size: 22px; line-height: 22px; }
.stage1 .member_mc .user_list .user .face{position: absolute; width: 96px; height: 96px; top: 20px; left: 27px; -webkit-mask: url(../images/stage1_user_mc_face_11.png); }
.stage1 .member_mc .user_list .user .leader_icon{position: absolute; width: 82px; height: 32px; top: 97px; left: 34px; background: url(../images/stage1_member_mc_user_list_user_leader_icon_38.png); }
.stage1 .member_mc .user_list .plus{position: relative; width: 151px; height: 161px; -webkit-flex-shrink: 0; margin: 0 -10px; background: url(../images/stage1_member_mc_plus_45.png) no-repeat; background-position: center 20px; }
.stage1 .member_mc .more_button{position: absolute; width: 215px; height: 39px; top: 299px; left: 240px; background: url(../images/stage1_member_mc_more_button_35.png); }
.stage1 .join_button{position: absolute; width: 750px; height: 103px; top: 2256px; left: 0px; background: url(../images/stage1_join_button_53.png); }
.stage1 .join_button.share{background: url(../images/stage1_join_wx_button_53.png); }
.stage1 .role_button{position: absolute; width: 135px; height: 50px; top: 108px; left: 550px; }
.stage1 .rank_button{position: absolute; width: 240px; height: 76px; top: 460px; left: 125px; }