@charset "utf-8";
body{ margin:0; padding:0; font-size:14px; font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif; overflow-x:hidden;-webkit-text-size-adjust:none; }
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
area{outline:none;}
img{ border:0;}
ol,ul{list-style:none;}
a{ font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif;text-decoration:none;outline:none; cursor:pointer;}
a:hover{ text-decoration:none;}
span{outline:none;}
.wmgameFooter{ width: 750px;}

.wrap{ width: 750px; height: 6700px; margin-top: 98px; background: url(../images/bg.jpg); overflow: hidden;}
/* head */
.head_box{ position: relative; height: 976px; background: url(../images/head.jpg) center top no-repeat;}
.log_box{ position: absolute; width: 340px; height: 32px; right: 25px; top: 10px; font-size: 20px; line-height: 32px; color: #215287; text-align: right;}
.logout{ display: none; }
/* yuchuang_box */
.yuchuang_box{ position: relative; height: 1886px; }
.name_kaifu{ position: absolute; width: 750px; height: 80px; left: 0; top: 607px; font-size: 46px; line-height: 80px; font-weight: bold; color: #ffffff; text-align: center;}
.name_kaifu span{ color: #ffffff;}
.time_kaifu{ position: absolute; width: 442px; height: 40px; left: 151px; top: 695px; font-size: 22px; line-height: 40px; color: #6bafe6; text-align: center;}
.btn_cj{ position: absolute; width: 470px; height: 90px; left: 153px; top: 774px; cursor: pointer;}

.btn_wrap{ position: absolute; display: flex; width: 750px; height: 60px; left: 0; justify-content: center;}
.yuchuang_box .btn_wrap{ top: 900px;}
.btn_wrap span,.btn_wrap div{ width: 210px; height: 60px; margin: 0 16px; cursor: pointer;}
.btn_rule{ display: block; background: url(../images/btn_rule.png); }
.btn_share{ display: none; background: url(../images/btn_share.png); }
/* yy */
.yy_box{ position: relative; height: 1488px;}
.btn_yy{ position: absolute; width: 470px; height: 90px; left: 153px; top: 250px; cursor: pointer;}
.yy_box .btn_wrap{ top: 470px;}
.yy_mum{ position: absolute; width: 478px; height: 64px; left: 137px; top: 566px; font-size: 22px; line-height: 64px; color: #fff; text-align: center;}
.yy_prize{ position: absolute; left: 123px; top: 665px;}
/* team */
.team_wrap{ position: relative; height: 1984px;}
.team_wrap .btn_wrap{ top: 220px;}
.btn_create_team,.btn_join{ position: absolute; width: 316px; height: 77px; top: 306px;}
.btn_create_team{ left: 70px; background: url(../images/btn_create_team.png);}
.btn_join{ left: 384px; background: url(../images/btn_join.png);}
.btn_get{ position: absolute; width: 176px; height: 41px; background: url(../images/btn_get.png);}
#btn_get1{ left: 51px; top: 790px;}
#btn_get2{ left: 287px; top: 790px;}
#btn_get3{ left: 523px; top: 790px;}
#btn_get4{ left: 169px; top: 1031px;}
#btn_get5{ left: 405px; top: 1031px;}
.btn_get.done{ background: url(../images/btn_get_done.png);}
.btn_invite{ display: none; position: absolute; width: 347px; height: 81px; left:50%; top: 1220px; margin-left: -173px; background: url(../images/btn_invite.png);}

.team_box{ position: absolute; width: 730px; height: 576px; left: 10px; top: 1342px;}
.team_name{ display: none; position: absolute; width: 100%; height: 44px; left: 0; top: 48px; font-size: 40px; line-height: 44px; color: #fff; text-align: center;}
.leader_tag{ position: absolute; width: 60px; left: 27px; top: 143px; font-size: 18px; color: #ffe7ca;}
.team_num{ display: none; position: absolute; width: 120px; left: 255px; top: 143px; font-size: 18px; color: #fff;}
.team_member_list{ position: absolute; width: 726px; height: 167px; left: 50px; top: 168px;}
.team_member_list li{ float: left; position: relative; width: 106px; height: 150px; margin-right: 14px;}
.team_member_list li div{ position: relative; width: 104px; height: 104px; border: 1px solid #fff; background: url(../images/tx_add.png); background-size: 100% auto; border-radius: 104px;}
.team_member_list li div img{ display: none; position: absolute; width: 98px; height: 98px; left: 3px; top: 3px; border-radius: 107px;}
.team_member_list li span{ position: absolute; width: 100%; height: 44px; left: 0; bottom: 0; font-size: 18px; line-height: 44px; color: #444854; text-align: center; overflow: hidden;}
.team_member_list li.member0{ width: 146px; height: 190px; margin: -22px 28px 0 0;}
.team_member_list li.member0 div{ width: 144px; height: 144px; border-radius: 144px;}
.team_member_list li.member0 div img{ width: 138px; height: 138px; border-radius: 138px;}
.team_intro{ position: absolute; width: 632px; height: 108px; left: 48px; top: 420px; }
.team_intro p{ width: 632px; height: 108px; max-height: 108px; font-size: 16px; line-height: 28px; color: #fff; overflow: hidden;word-wrap:break-word;word-break:break-all; overflow: hidden;}
/* sns */
.ewm_list{ display: flex; flex-wrap: wrap; width: 610px; height: 222px; margin: 0 auto; justify-content: center;}
.ewm_list li{  width: 166px; height: 222px; padding-top: 42px; margin: 0 16px; box-sizing: border-box;}
.ewm_list li.ewm_gzh{ background: url(../images/ewm_bg_gzh.png);}
.ewm_list li.ewm_wb{ background: url(../images/ewm_bg_wb.png);}
.ewm_list li.ewm_dl{ background: url(../images/ewm_bg_dl.png);}
.ewm_list li img{ display: block; width: 110px; height: 110px; margin: 0 auto;}

/* pop */
.pop_fixed{ display:none; position:fixed; width:750px; height:100%; left:0; top:0; background:rgba(0,0,0,0.8); z-index:200;}
.pop_cont_bg1{ position:absolute; width:806px; height:763px; left:50%; top:50%; margin-left:-370px; margin-top:-415px; background:url(../images/pop_bg1.png);}
.pop_cont{ position:absolute; }
.icon_close{ position:absolute; width:53px; height:53px; left:344px; bottom:-70px; background:url(../images/icon_close.png); cursor: pointer; z-index: 5;}
.pop_cont_bg1 .pop_cont{ width:523px; height:674px; left:109px; top:71px;}

.yy_succ{position: relative; width: 406px; height: 262px; margin: 185px auto 0; background: url(../images/yy_succ.png);}
.yy_succ p{ position: absolute; width: 100%; height: 68px; max-height: 68px; left: 0; top: 96px; font-size: 24px; line-height: 34px; color: #fff; text-align: center;}
/* pop_cj */
.pop_cont_bg2{ position:absolute; width:773px; height:1081px; left:50%; top:50%; margin-left:-364px; margin-top:-540px; background:url(../images/pop_bg2.png);}
.pop_cont_bg2 .icon_close{ left: 656px; bottom: 12px;}
.pop_cont_bg2 .pop_cont{ width:675px; height:1024px; left:32px; top:36px;}
.pop_t{ display: block; height: 35px; margin: 45px auto 0;}
.role_tx_box{ position: relative; width: 392px; height: 392px; margin: 20px auto 0; background: url(../images/cj_tx_bg.png);}
#chose_tx{ position: absolute; width: 290px; height: 290px; left: 51px; top: 51px;}
.role_tab_box{ display: flex; width: 634px; height: 72px; margin: 28px auto 0; justify-content: center; background: url(../images/tab_line.png) center bottom no-repeat;}
.role_tab_box li{ width: 51px; height: 51px; margin: 0 4px; cursor: pointer;}
.tx_101{ background: url(../images/tx_qingyun.png); background-size: 100% auto;}
.tx_101.on{ background: url(../images/tx_qingyun_on.png); background-size: 100% auto;}
.tx_103{ background: url(../images/tx_fenxianggu.png); background-size: 100% auto;}
.tx_103.on{ background: url(../images/tx_fenxianggu_on.png); background-size: 100% auto;}
.tx_105{ background: url(../images/tx_guiwangzong.png); background-size: 100% auto;}
.tx_105.on{ background: url(../images/tx_guiwangzong_on.png); background-size: 100% auto;}
.tx_107{ background: url(../images/tx_wandumen.png); background-size: 100% auto;}
.tx_107.on{ background: url(../images/tx_wandumen_on.png); background-size: 100% auto;}
.tx_102{ background: url(../images/tx_tianyinsi.png); background-size: 100% auto;}
.tx_102.on{ background: url(../images/tx_tianyinsi_on.png); background-size: 100% auto;}
.tx_104{ background: url(../images/tx_nanjiangguwu.png); background-size: 100% auto;}
.tx_104.on{ background: url(../images/tx_nanjiangguwu_on.png); background-size: 100% auto;}
.tx_108{ background: url(../images/tx_changshengtang.png); background-size: 100% auto;}
.tx_108.on{ background: url(../images/tx_changshengtang_on.png); background-size: 100% auto;}
.tx_106{ background: url(../images/tx_hehuanpai.png); background-size: 100% auto;}
.tx_106.on{ background: url(../images/tx_hehuanpai_on.png); background-size: 100% auto;}
.tx_109{ background: url(../images/tx_guidao.png); background-size: 100% auto;}
.tx_109.on{ background: url(../images/tx_guidao_on.png); background-size: 100% auto;}
.tx_110{ background: url(../images/tx_tiandaofu.png); background-size: 100% auto;}
.tx_110.on{ background: url(../images/tx_tiandaofu_on.png); background-size: 100% auto;}
.role_type_box{display: flex;  width: 100%; height: 36px; margin: 25px auto 0; justify-content: center;}
.role_type_box li{ width: 138px;height: 36px; margin: 0 13px; cursor: pointer;}
.role_type_11{ background: url(../images/role_type_snan.png);}
.role_type_11.on{ background: url(../images/role_type_snan_on.png);}
.role_type_21{ background: url(../images/role_type_snv.png);}
.role_type_21.on{ background: url(../images/role_type_snv_on.png);}
.role_type_10{ background: url(../images/role_type_nan.png);}
.role_type_10.on{ background: url(../images/role_type_nan_on.png);}
.role_type_20{ background: url(../images/role_type_nv.png);}
.role_type_20.on{ background: url(../images/role_type_nv_on.png);}
.sub_form{ width: 390px; height: 210px; margin: 36px auto 0;}
.sub_form select{ width: 390px; height: 73px; padding: 0 20px; font-size: 22px; color: #1a4672; background-color: #fff; border: 1px solid #ffe9b2; outline: 0;}
.sub_form  input,#create_name,#create_xuanyan{ display: block; width: 348px; height: 71px; padding: 0 20px; margin-top: 26px; font-size: 22px; line-height: 71px; color: #1a4672; background-color: #fff; border: 1px solid #ffe9b2; outline: 0;}
.btn_sub{ display: block; width: 526px; height: 77px; margin: 0 auto; background: url(../images/btn_sub.png); cursor: pointer;}
.cj_succ{ display: block; width: 322px; margin: 107px auto 0;}
/* pop_create_team */
#pop_create_team .pop_t{ margin-top: 68px;}
.create_tag{ display: block; height: 22px; margin: 16px 0 0 64px;}
#create_name{ margin: 15px 0 0 64px;}
#create_xuanyan{ height: 180px; padding:15px 20px; margin: 15px 0 0 64px; line-height: 30px; resize:none; overflow-x: hidden; overflow-y: auto;}
#btn_sub_create{ width: 394px; margin-top: 40px; background: url(../images/btn_sub2.png);}
/* pop_invite */
.pop_cont_bg3{ position:absolute; width:741px; height:942px; left:50%; top:50%; margin-left:-366px; margin-top:-476px; background:url(../images/pop_bg3.png);}
.pop_cont_bg3 .icon_close{ left: 656px; bottom: 12px;}
.pop_cont_bg3 .pop_cont{ width:674px; height:883px; left:34px; top:36px;}
#pop_share .pop_t{ margin-top: 68px;}
.invite_t1{ display: block; width: 338px; margin: 106px 0 0 34px;}
.share_link_box{ width: 603px; height: 55px; margin: 12px 0 0 34px;}
.copy_link_cont{ float: left; width: 406px; height: 53px; font-size: 18px; line-height: 53px; color: #810e02; background-color: #fff; border: 1px solid #ffe9b2; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#btn_copy_link{ float: right; width: 177px; height: 55px; background: url(../images/btn_copy_link.png); cursor: pointer;}
.invite_t2{ display: block; width: 590px; margin: 50px 0 0 34px;}
.poster_box{ position: relative; width: 593px; height: 343px; padding-top: 9px; box-sizing: border-box; margin: 12px 0 0 34px; border: 1px solid #ffd7ab; overflow: hidden;}
.create_box{ position: relative; width: 576px; height: 324px; margin: 0 auto; background-color: #2d2d2d;}
.poster_img{ display: block; width: 100%; height: 100%;}
.result_ewm{ position: absolute; width: 120px; height: 120px; padding: 5px; right: 16px; bottom: 16px; background-color: #fff;}
.result_poster{ position: absolute; width: 576px; height: 324px; left: 9px; top: 9px; z-index: 10; opacity: 0;}
/* pop_team_list */
#pop_team_list .pop_t{ margin-top: 78px;}
.team_th{ display: block; width: 550px; margin: 92px 0 0 58px;}
.team_list{ width: 100%; height: 448px; margin: 18px auto 0; overflow: hidden;}
.team_list li{ width: 100%; height: 112px; overflow: hidden;}
.team_list li:nth-child(odd){ background: url(../images/team_line_bg.png) center top no-repeat;}
.item_line{ width: 100%; height: 56px; overflow: hidden;}
.col1,.col2,.col3,.col4{ float: left; height: 56px; font-size: 22px; line-height: 56px; color: #ffe7ca; text-align: center; overflow: hidden;}
.team_list li div.col1{ width: 175px; margin-left: 19px;}
.team_list li div.col2{ width: 180px; }
.team_list li div.col3{ width: 142px; }
.team_list li div.col4{ width: 140px; }
.item_opa{ display: flex; width: 604px; height: 37px; margin: 4px auto 0; justify-content: right;}
.btn_check_team,.btn_sub_join{ display: block; width: 111px; height: 37px; margin-left: 14px; background: url(../images/btn_check_team.png); cursor: pointer;}
.btn_sub_join{background: url(../images/btn_sub_join.png);}
.page_box{ display: flex; width: 100%; height: 35px; margin-top: 65px; justify-content: center;}
.page_box div{ width: 166px; height: 42px; margin: 0 15px; cursor: pointer;}
.btn_prev_page{background: url(../images/btn_prev_page.png);}
.btn_next_page{background: url(../images/btn_next_page.png);}
/* pop_team_detail */
.detail_team_name{  height: 38px; margin-top: 68px; font-size: 36px; line-height: 38px; color: #ffe7ca; text-align: center;}
.detail_leader_tag{ position: absolute; width: 60px; left: 21px; top: 202px; font-size: 17px; color: #fff;}
.detail_team_num{ position: absolute; width: 100px; left: 233px; top: 202px; font-size: 17px; color: #fff;}
#pop_team_detail .team_member_list{ width: 634px; height: 142px; left: 40px; top: 224px;}
#pop_team_detail .team_member_list li{ width: 101px; height: 142px; margin-right: 14px;}
#pop_team_detail .team_member_list li div{width: 109px; height: 109px;  border-radius: 109px;}
#pop_team_detail .team_member_list li div img{ width: 93px; height: 93px; left: 3px; top: 3px; border-radius: 93px;}
#pop_team_detail .team_member_list li span{ height: 40px; font-size: 17px; line-height: 40px;}
#pop_team_detail .team_member_list li.member0{ width: 139px; height: 178px; margin: -20px 16px 0 0;}
#pop_team_detail .team_member_list li.member0 div{ width: 139px; height: 139px; border-radius: 139px;}
#pop_team_detail .team_member_list li.member0 div img{ width: 133px; height: 133px; border-radius: 133px;}

.detail_team_intro{ position: absolute; width: 614px; height: 230px; padding-top: 56px; box-sizing: border-box; left: 32px; top: 413px; background: url(../images/detail_team_intro.png) 0 0 no-repeat;}
.detail_team_intro p{ height: 160px; max-height: 160px; font-size: 24px; line-height: 36px; color: #fff;  overflow: hidden;}
.btn_sub_join_detail{ position: absolute; width: 394px; height: 77px; left: 50%; margin-left: -197px; top: 676px; background: url(../images/btn_sub_join2.png); cursor: pointer;}
/* pop_join_succ */
#pop_join_succ .pop_t{ margin-top: 220px;}
.join_succ_team_name{ width: 430px; height: 48px; margin: 50px auto 0; font-size: 26px; line-height: 48px; color: #64ace5; text-align: center; border-bottom: 1px solid #6684a1;}
/* pop_rule */
#pop_rule .pop_t{ margin-top: 68px;}
.cus_scroll{ overflow-y: auto; overflow-x: hidden;}
.cus_scroll::-webkit-scrollbar{ width: 4px; background: url(../images/scroll_line.png) center top repeat-y;}
.cus_scroll::-webkit-scrollbar-thumb{ width: 4px; background-color: #ffd7ab;}
.pop_rule_scroll{ width: 448px; height: 470px; margin: 30px 0 0 54px;}
.rule_list{ width: 406px;}
.rule_list li{ max-height: 2000px; padding-bottom: 10px; font-size: 20px; line-height: 32px; color: #fff;}
.rule_list li a{ color: #fff; text-decoration: underline;}
.rule_list li .bold{ font-weight: bold;}
.rule_table{ width: 342px; margin-top:10px; border-collapse:collapse; border-spacing:0; border-color:#fff;}
.rule_table th,.rule_table td{ max-height:100px; padding:10px 0; line-height:24px; text-align:center;}
.rule_table th{ font-size:20px;color:#fff;}
.rule_table td{ font-size:18px;color:#fff;}
/* pop_letter */
#pop_letter_role_none .pop_t{ margin-top: 68px;}
.letter_from{ position: relative; width: 339px; height: 38px; margin: 53px 0 0 49px; background: url(../images/letter_from.png) center bottom no-repeat;}
.from_name{ position: absolute; width: 168px; height: 36px; left: 69px; top: 0; font-size: 25px; line-height: 36px; color: #64ace5; text-align: center;}
.from_info{ margin-top: 26px;font-size: 24px; line-height: 30px; color: #fff; text-align: center;}
.letter_tip1{ display: block; width: 430px; margin: 18px auto 0;}
.letter_tip2{ display: block; width: 272px; margin: 18px auto 0;}
.btn_letter_cj,.btn_letter_join{ display: block; width: 394px; height: 77px; margin: 55px auto 0; background: url(../images/btn_letter_cj.png); cursor: pointer;}
.btn_letter_join{ margin: 96px auto 0; background: url(../images/btn_letter_join.png);}
.letter_zhu{ margin-top: 104px;font-size: 22px; color: #64ace5; text-align: center;}

.share_ewm_box{ display: none; width: 120px; height: 120px;}
/* pop_get */
.get_tip{ display: block; margin: 218px auto 0;}