@charset "utf-8";
body{ margin:0; padding:0; padding-bottom: 100px; 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;}
.auto{left: 50%; -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0); -ms-transform:translate(-50%,0); -o-transform:translate(-50%,0); transform:translate(-50%,0);}

.wrap{ width: 750px; margin-top: 98px;}
/* head */
.head_box{ position: relative; height: 1012px; background: url(../images/head_box.jpg) no-repeat 0 0; }
.log_box{ position: absolute; height: 38px; right: 19px; top: 20px; font-size: 20px; line-height: 38px; color: #fff;}
.btn_login{ float: left; width: 113px; height: 38px; background: url(../images/btn_login.png);}
.logout{ display: none; }
.kaifu_box{ position: relative; width: 750px; height: 155px; background: url(../images/kaifu_bg.jpg);}
.kaifu_box span{ position: absolute;}
.new_server_name_h{ width: 250px; height: 60px; left: 135px; top: 13px; font-size: 36px; line-height: 47px; color: #fb971e; text-align: center;}
.new_server_time1_h{ width: 300px; height: 51px; left: 330px; top: 98px; font-size: 34px; line-height: 51px; color: #fbc37a;}
/* yuchuang_box */
.yuchuang_box{ position: relative; height: 1718px; background: url(../images/cj_bg.jpg);}
.btn_cj{ position: absolute; width: 369px; height: 97px; top: 29px; background: url(../images/btn_cj.png); z-index: 2;}
.btn_rule{ position: absolute; width: 104px; height: 32px; font-size: 22px; line-height: 32px; color: #906438; text-align: center; text-decoration: underline;}
.yuchuang_box .btn_rule{ left: 598px; top: 60px;}
.cj_pirze{ position: absolute; left: 18px; top: 230px;}

.tequan_box{ position: relative; height: 872px; margin-top: 55px;}
.tequan_prize{ display: block; width: 750px;}
/* yy */
.yy_box{ position: relative; height: 1514px; background: url(../images/yy_bg.jpg);}
.btn_yy{ position: absolute; width: 369px; height: 97px; top: 218px; background: url(../images/btn_yy.png); z-index: 2;}
.yy_box .btn_rule{ left: 585px; top: 200px; color: #9d3712; }
.yy_num_line_wrap{ position: absolute; width: 702px; height: 16px; top: 390px; background-color: #c1c1c1;}
.num_w{ position: absolute; width: 0px; height: 16px; left: 0; top: 0; background-color: #e87e42;}
.yy_point{ position: absolute;width: 702px; height: 16px; left: 0; top: 0;}
.yy_point li{ position: relative; float: left; width: 117px; height: 100%;}
.yy_point li div{ position: absolute; width: 68px; height: 68px; right: 0; margin-right: -34px; top: -26px; }
.yy_point li:nth-child(1) div{background: url(../images/icon_tou1.png);}
.yy_point li:nth-child(2) div{background: url(../images/icon_tou2.png);}
.yy_point li:nth-child(3) div{background: url(../images/icon_tou3.png);}
.yy_point li:nth-child(4) div{background: url(../images/icon_tou4.png);}
.yy_point li:nth-child(5) div{background: url(../images/icon_tou5.png);}
.yy_point li span{ position: absolute; width: 110px; height: 26px; left: 50%; margin-left: -55px; top: -34px; font-size: 24px; line-height: 32px; color: #c1c1c1; text-align: center;}
.yy_point li.on div{ background-position: 0 -68px;}
.yy_point li.on span{ color: #a8300f;}
/* team */
.team_box{ position: relative; height: 1876px; background: url(../images/team_bg.jpg);}
.team_box .btn_rule{ left: 305px; top: 183px; color: #9d3712;}
.team_wrap{ position: absolute; width: 696px; height: 215px;}
#myteam{ top: 1159px;}
.team_code{ display: none; position: absolute; width: 336px; height: 28px; padding-right: 20px; box-sizing: border-box; right: -1px; top: 14px; font-size: 16px; line-height: 28px; color: #942804; text-align: right; background: url(../images/team_id_bg.png);}
.team_member_list{ display: none; position: absolute; width: 596px; height: 122px; left: 91px; top: 72px;}
.team_member_list li{ float: left; position: relative; width: 89px; height: 122px; margin-right: 20px;}
.team_member_list li div{ position: relative; width: 89px; height: 92px; background: url(../images/tx_none.png);}
.team_member_list li div img{ display: none; position: absolute; width: 78px; height: 78px; left: 5px; top: 5px; border-radius: 78px; z-index: 2;}
.team_member_list li .nickname{ position: absolute; width: 100%; height: 30px; left: 0; bottom: 0; font-size: 18px; line-height: 30px; color: #c14336; text-align: center; overflow: hidden;}
.team_member_list li.leader{ width: 132px; height: 166px; margin: -44px 20px 0 0;}
.team_member_list li.leader div{ width: 132px; height: 136px; background: url(../images/tx_leader.png);}
.team_member_list li.leader div img{ width: 122px; height: 122px; border-radius: 122px;}

.btn_wrap{ position: absolute; display: flex; width: 100%; height: 63px; left: 0; top: 1409px; justify-content: center;}
.btn_wrap div{ width: 229px; height: 63px; margin: 0 5px;}
.btn_create_team{ background: url(../images/btn_create_team.png);}
.btn_join{ background: url(../images/btn_join.png);}
.btn_invite{ display: none; background: url(../images/btn_invite.png);}

#otherteam{ top: 1515px;}
.btn_tx_add_bg{ display: block; width: 89px; height: 92px; background: url(../images/tx_add.png);}
.btn_tx_add_bg span{ position: absolute; width: 76px; height: 76px; left: 6px; top: 6px; border-radius: 76px; overflow: hidden;}
.btn_prev_other,.btn_next_other{ display: none; position: absolute; width: 82px; height: 108px; top: 54px; z-index: 5;}
.btn_prev_other{ left: 26px; background: url(../images/btn_prev.png);}
.btn_next_other{ right: -25px; background: url(../images/btn_next.png);}
/* full */
.full_box{ position: relative; height: 1271px; background: url(../images/yc_bg.jpg);}
.btn_yc_link{ position: absolute; width: 443px; height: 97px; top: 405px; background: url(../images/btn_yc_link.png);}
.full_info_box{ display: none; position: absolute; width: 100%; height: 90px; left: 0; top: 532px;}
.full_nick_info{ height: 48px; font-size: 22px; line-height: 48px; color: #ad3305; text-align: center;}
.full_num_line{ display: flex; width: 100%; height: 42px; background: url(../images/full_num_line.png) center top no-repeat; justify-content: center;}
.full_num_line p{ margin: 0 30px; font-size: 22px; line-height: 42px; color: #fcf2d9;}
.full_btn_wrap{ position: absolute; display: flex; width: 100%; height: 61px; left: 0; top: 645px; justify-content: center;}
.full_btn_wrap div{ width: 219px; height: 61px; margin:0 30px;}
.btn_full_rule{ background: url(../images/btn_yc_rule.png);}
.btn_share{ display: none; background: url(../images/btn_yc_share.png);}

/*friendBox*/
.friendBox{ position: relative; height: 2371px; background: url(../images/friendBox.jpg) no-repeat 0 0; }
.friendHeadBtns{ position: absolute; top: 222px; left: 0; width: 100%; display: flex; justify-content: center; }
.friendHeadBtns a{ width: 219px; height: 61px; margin: 0 30px; }
.friendHeadBtn1{ background: url(../images/friendHeadBtn1.png) no-repeat 0 0; }
.friendHeadBtn2{ background: url(../images/friendHeadBtn2.png) no-repeat 0 0; }
.lotteryNum{ position: absolute; top: 318px; left: 0; width: 100%; text-align: center; font-size: 26px; color: #fff9e5; }
.lotteryNumProgress{ position: absolute; top: 382px; left: 0; width: 100%; text-align: center; font-size: 21px; color: #ffedad; }
.lotteryNumProgress span{ margin: 0 10px; font-size: 35px; }
.helpProgress{ position: absolute; top: 456px; width: 637px; height: 25px; background: #953214; border: 1px solid #ef7e72; border-radius: 13px; }
.helpBar{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 626px; height: 20px; }
.helpBarCurr{ position: absolute; top: 0; left: 0; height: 100%; background: #fde0a8; border-radius: 10px; }
.helpBarCurr:after{ content: ""; position: absolute; top: 50%; right: 0; width: 62px; height: 60px; transform: translate(50%,-50%); background: url(../images/helpProgressHighlight.png) no-repeat 0 0; }
.lotteryNumTip{ position: absolute; top: 504px; left: 0; width: 100%; text-align: center; font-size: 21px; color: #ffedad; }
.inviteFriendBtn, .lotteryBtn{ position: absolute; width: 443px; height: 97px; }
.inviteFriendBtn{ top: 576px; background: url(../images/inviteFriendBtn.png) no-repeat 0 0; }
.lotteryBtn{ top: 710px; background: url(../images/lotteryBtn.png) no-repeat 0 0; }
.box5Code{ position: absolute; top: 1888px; left: 262px; width: 220px; height: 220px; }
#bot_nav{ position: fixed; width: 750px; height: 98px; left: 0; bottom: 0; display: flex; z-index: 50;}
#bot_nav a{ position: relative; width: 150px; height: 98px; background: url(../images/bot_nav.png) no-repeat; }
#bot_nav .n1{ background-position: 0 0; }
#bot_nav .n1.on{ background-position: 0 -98px; }
#bot_nav .n2{ background-position: -150px 0; }
#bot_nav .n2.on{ background-position: -150px -98px; }
#bot_nav .n3{ background-position: -300px 0; }
#bot_nav .n3.on{ background-position: -300px -98px; }
#bot_nav .n4{ background-position: -450px 0; }
#bot_nav .n4.on{ background-position: -450px -98px; }
#bot_nav .n5{ background-position: -600px 0; }
#bot_nav .n5.on{ background-position: -600px -98px; }
#bot_nav a:after{ content: ""; position: absolute; bottom: 0; right: 0; width: 2px; height: 98px; background: url(../images/bot_nav_line.png) no-repeat 0 0; }

/* pop */
.pop_fixed{ display:none; position:fixed; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.8); z-index:200;}
.pop_cont_bg1{ position:absolute; width:706px; height: 922px; left: 50%; top: 50%; transform: translate(-50%,-50%); background:url(../images/pop_bg1.png);}
.icon_close{ position:absolute; width:40px; height:40px; right: 32px; top: 131px; background:url(../images/icon_close.png); cursor: pointer; z-index: 5;}
.pop_cont{ position:absolute; }
.pop_cont_bg1 .pop_cont{ width: 662px; height: 806px; left: 30px; top: 106px;}
/* pop_rule */
.pop_t{ display: block; margin: 56px auto 0 auto;}
.cus_scroll{ overflow-y: auto; overflow-x: hidden;}
.cus_scroll::-webkit-scrollbar{ width: 8px; background-color: #b73d15;}
.cus_scroll::-webkit-scrollbar-thumb{ width: 8px; background-color: #fae2c8;}
.pop_rule_scroll{ width: 586px; height: 656px; margin: 30px 0 0 40px;}
.rule_list{ width: 556px;}
.rule_list li{ max-height: 2000px; padding-bottom: 25px; font-size: 20px; line-height: 34px; color: #b73d15;}
.rule_list li a{ color: #fcf5df; text-decoration: underline;}
.rule_list li .bold{ font-weight: bold;}
.rule_table{ width: 342px; margin-bottom:25px; 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_cj */
.pop_cont_bg4{ position: absolute; width: 706px; height: 1250px; left: 50%; top:50%; transform: translate(-50%,-50%); background: url(../images/pop_bg4.png);}
.pop_cont_bg4 .pop_cont{ width:662px; height: 1128px; left: 50%; top: 50%; transform: translate(-50%,-50%);}
#pop_cj .pop_t{ margin-top: 90px;}
.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_info{ position: absolute; left: 160px; top: 152px;}
.rolePrev, .roleNext{ position: absolute; top: 258px; width: 56px; height: 52px; }
.rolePrev{ left: 26px; background: url(../images/rolePrev.png) no-repeat 0 0; }
.roleNext{ right: 26px; background: url(../images/roleNext.png) no-repeat 0 0; }
.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_skill_box{ position: relative; width: 595px; height: 87px; margin: 15px auto 0;}
.skill_text{ position: absolute; width: 568px; left: 50%; margin-left: -288px; bottom: 0;}
#role_skill_list{position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 5;}
#role_skill_list.skill_101{ background: url(../images/skill/skill_101.png) center top no-repeat;}
#role_skill_list.skill_102{ background: url(../images/skill/skill_102.png) center top no-repeat;}
#role_skill_list.skill_103{ background: url(../images/skill/skill_103.png) center top no-repeat;}
#role_skill_list.skill_104{ background: url(../images/skill/skill_104.png) center top no-repeat;}
#role_skill_list.skill_105{ background: url(../images/skill/skill_105.png) center top no-repeat;}
#role_skill_list.skill_106{ background: url(../images/skill/skill_106.png) center top no-repeat;}
#role_skill_list.skill_107{ background: url(../images/skill/skill_107.png) center top no-repeat;}
#role_skill_list.skill_108{ background: url(../images/skill/skill_108.png) center top no-repeat;}
#role_skill_list.skill_109{ background: url(../images/skill/skill_109.png) center top no-repeat;}
#role_skill_list.skill_110{ background: url(../images/skill/skill_110.png) center top no-repeat;}
#role_skill_list li{ position: relative; float: left; width: 71px; height: 91px; margin: -4px 7px 0;}
.pop_skill{ display: none; position: absolute; width: 310px; height: 140px; top: 90px; left: 0; background: url(../images/pop_skill_bg.png?1);}
#role_skill_list li:nth-child(5) .pop_skill,#role_skill_list li:nth-child(6) .pop_skill,#role_skill_list li:nth-child(7) .pop_skill{ left: -240px;}
#role_skill_list li:hover{ background: url(../images/on.png) center top no-repeat;}
#role_skill_list li:hover .pop_skill{ display: block;}
.skill_name{ display: block; height: 40px; font-size: 28px; line-height: 40px; color: #fff; text-align: center;}
.skill_intro{ width: 290px; height: 84px; max-height: 84px; margin: 6px auto 0; font-size: 17px; line-height: 20px; color: #908162; overflow: hidden;}

.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: 200px; margin: 36px auto 0;}
.sub_form select{ width: 390px; height: 73px; padding: 0 20px; font-size: 22px; color: #c14336; background-color: #fff; border: 1px solid #ffe9b2; outline: 0;}
.sub_form input{ display: block; width: 348px; height: 71px; padding: 0 20px; margin-top: 26px; font-size: 22px; line-height: 71px; color: #c14336; background-color: #fff; border: 1px solid #ffe9b2; outline: 0;}
.btn_sub{ display: block; width: 369px; height: 97px; margin: 0 auto; background: url(../images/btn_sub.png); cursor: pointer;}
/* pop_bind */
.bind_tip{ display: block; width: 286px; margin: 172px auto 0;}
#pop_bind .sub_form{ margin: 60px auto 0;}
.btn_sub_bind{ display: block; width: 369px; height: 97px; margin: 0 auto; background: url(../images/btn_sub_bind.png);}

/* pop_cj_succ */
#pop_cj_succ .pop_t{ margin-top: 76px;}
.cj_succ_prize{ display: block; margin: -55px auto 0 auto;}
.succ_tip{ margin-top: 38px; font-size: 22px; line-height: 35px; color: #b73d15; text-align: center;}
.btn_cj_succ_go,.btn_yy_succ_go,.btn_yy_fail_go,.btn_team_succ_invite,.btn_team_succ_go{display: block; width: 369px; height: 97px; margin: 20px auto 0; background: url(../images/btn_cj_succ_go.png);}
/* pop_yy_succ */
#pop_yy_succ .pop_t{ margin-top: 220px;}
#pop_yy_succ .succ_tip{ margin-top: 60px;}
.btn_yy_succ_go,.btn_yy_fail_go{ margin: 140px auto 0; background: url(../images/btn_yy_succ_go.png);}
.btn_yy_fail_go{ background: url(../images/btn_yy_fail_go.png);}
#pop_yy_fail .pop_t{ height: 88px; margin-top: 210px;}
/* pop_create_team */
#pop_create_team .pop_t{ margin-top: 158px;}
.btn_team_succ_invite{ margin-top: 70px; background: url(../images/btn_team_succ_invite.png);}
.btn_team_succ_go{ margin-top: 54px; background: url(../images/btn_team_succ_go.png);}
/* pop_invite */
#pop_share .pop_t{ margin-top: 82px;}
.invite_t1{ display: block; width: 338px; margin: 80px 0 0 34px;}
.share_link_box{ width: 603px; height: 55px; margin: 12px 0 0 34px;}
.copy_link_cont, .copy_link_cont2{ 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, #btn_copy_link2{ 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: 365px; 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: 344px; margin: 0 auto; background-color: #2d2d2d;}
.poster_img{ display: block; width: 100%; height: 100%;}
.result_ewm, .result_ewm2{ position: absolute; width: 120px; height: 120px; padding: 5px; left: 10px; bottom: 10px; background-color: #fff;}
.share_info{ position: absolute; width: 184px; height: 32px; left: 150px; padding-left: 18px; box-sizing: border-box; font-size: 18px; line-height: 30px; color: #ffe7ca; background: url(../images/share_info_line.png);}
.share_info1{ top: 260px;}
.share_info2{ top: 302px;}
.result_poster{ position: absolute; width: 576px; height: 346px; left: 9px; top: 9px; z-index: 10; opacity: 0;}
/* pop_team_list */
#pop_team_list .pop_t{ margin-top: 96px;}
.search_box{ width: 430px; height: 46px; margin: 46px auto 0; display: flex; justify-content: space-between; align-items: center;}
#inp_search{ width: 235px; height: 46px; font-size: 22px; line-height: 46px; color: #c14336; text-align: center; background-color: #fcf5df; border: 0; outline: 0;}
.btn_search{ width: 177px; height: 55px; margin-top: 5px; background: url(../images/btn_search.png);}
.team_th{ display: block; width: 458px; margin: 64px 0 0 114px;}
.team_list{ width: 100%; height: 488px; margin: 18px auto 0; overflow: hidden;}
.team_list li{ width: 100%; height: 112px; margin-top: 10px; 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{ float: left; height: 56px; font-size: 22px; line-height: 56px; color: #fcf5df; text-align: center; overflow: hidden;}
.team_list li div.col1{ width: 233px; margin-left: 43px;}
.team_list li div.col2{ width: 180px;}
.team_list li div.col3{ width: 186px;}
.item_opa{ display: flex; width: 604px; height: 37px; margin: 4px auto 0; justify-content: center;}
.btn_check_team,.btn_sub_join{ display: block; width: 111px; height: 37px; margin:0 10px; 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: 42px; margin-top: 60px; 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 */
#popteame_code{ display: block; right: 0; top: 114px;}
.detail_tag{ position: absolute; left: 45px; top: 206px;}
.pop_team_leader{ position: absolute; width: 132px; height: 136px; left: 273px; top: 194px; background: url(../images/tx_leader.png) center top no-repeat;}
.pop_team_leader img{ position: absolute; width: 122px; height: 122px; left: 5px; top: 5px; border-radius: 122px;}
.pop_team_leader span{ position: absolute; width: 100%; height: 30px; left: 0; bottom: -30px; font-size: 18px; line-height: 30px; color: #fef8de; text-align: center; overflow: hidden;}
#checkteam_member{ display: block; width: 532px; left: 117px; top: 385px;}
#checkteam_member li{ margin-right: 28px;}
#checkteam_member li .nickname{ color: #fef8de;}

/* pop_join_succ */
.join_succ_leader{ position: relative; width: 379px; height: 37px; margin: 284px auto 0 auto; background: url(../images/join_succ_leader.png);}
.succ_leader{ position: absolute; width: 124px; height: 36px; left: 145px; top: 0; font-size: 24px; line-height: 32px; color: #602d14; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.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_letter */
#pop_letter_role_none .pop_t{ margin-top: 120px;}
.letter_from{ position: relative; width: 339px; height: 38px; margin: 53px 0 0 49px; background: url(../images/letter_from.png) center bottom no-repeat;}
.from_code{ position: absolute; width: 168px; height: 36px; left: 69px; top: 0; font-size: 25px; line-height: 36px; color: #602d14; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.from_info{ margin-top: 26px;font-size: 24px; line-height: 30px; color: #b73d15; text-align: center;}
.letter_leader{ position: relative; width: 382px; height: 26px; margin: 18px auto 0; background: url(../images/letter_leader.png);}
.form_leader{ position: absolute; position: absolute; width: 114px; height: 26px; left: 0; top: 0; font-size: 20px; line-height: 22px; color: #602d14; text-align: center;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.letter_tip1{ display: block; width: 430px; margin: 18px auto 0;}
.btn_letter_cj,.btn_letter_join{ display: block; width: 369px; height: 97px; 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: #b73d15; text-align: center;}

.share_ewm_box, .share_ewm_box2{ display: none; width: 120px; height: 120px;}

/*弹出框：我的奖励*/
.mypreBox{ width: 480px; margin: 108px auto 0 auto; }
.mypreBox table{ width: 100%; }
.mypreBox td{ padding: 0 5px; }
.mypreBox td:nth-child(1){ width: 120px; }
.mypreBox thead td{ font-weight: bold; font-size: 24px; color: #FFF; }
.mypreBox tbody td{ height: 65px; border-bottom: 1px solid #b73d15; font-size: 18px; color: #b73d15; }
.popCopyBtn, .popMailBtn{ display: inline-block; width: 126px; height: 42px; line-height: 42px; text-align: center; background: url(http://abc.laohu.com/2021/1126/images/mypreBox_edit.png) no-repeat 0 0; font-size: 20px; color: #fbf8f4; }
.mypreBoxList{ height: 430px; overflow-x: hidden; overflow-y: auto; }
.mypreBoxList::-webkit-scrollbar{ width: 6px; border-radius: 6px; background: #c1c1c1; }
.mypreBoxList::-webkit-scrollbar-thumb{ background-color: #f1f1f1; border-radius: 6px; }
.popCopyBtn, .popMailBtn{ display: block; width: 161px; height: 52px; text-indent: -999em; }
.popCopyBtn{ background: url(../images/awardCopy.png) no-repeat 0 0; }
.popMailBtn{ background: url(../images/awardMail.png) no-repeat 0 0; }

/*弹出框：中奖*/
.award_success_cont{ margin: 54px auto 0 auto; width: 513px; height: 313px; border: 2px solid #c68767; display: flex; justify-content: center; align-items: center; background: url(../images/award_success_cont.png) no-repeat center center; }
.award_success_cont img{ width: 178px; height: 159px; animation: awardSuccess 1s; }
@keyframes awardSuccess{
	from{ opacity: 0; transform: scale(0); }
	to{ opacity: 1; transform: scale(1); }
}
.awardConfirmBtn{ display: block; margin: 53px auto 0 auto; width: 369px; height: 97px; background: url(../images/awardConfirmBtn.png) no-repeat 0 0; }
.pop_mailCont{ padding-top: 53px; }
.pop_mail_tip{ display: block; margin: 0 auto 38px auto; }
.pop_mailCont input{ display: block; margin: 0 auto 27px auto; width: 515px; height: 87px; line-height: 87px; text-align: center; font-size: 27px; color: #707070; }
.mail_submit{ display: block; margin: 30px auto 0 auto; width: 369px; height: 97px; background: url(../images/btn_sub.png) no-repeat 0 0; }