@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;}
.wrapTop{height: 98px;}
#content{width: 750px; overflow: hidden;}
.wrap{ width: 750px; background: url(../images/bg.jpg) no-repeat 0 0; overflow: hidden; height: 5913px;}
/* head */
.head_box{ position: relative; height: 940px;}
.log_box{ position: absolute; /*width: 340px;*/ height: 38px; left: 20px; top: 15px; font-size: 20px; line-height: 38px; color: #fff; text-align: left;}
.btn_login{ float: right; width: 113px; height: 38px; background: url(../images/btn_login.png);}
.logout{ display: none; }
.kaifu_box{ position: relative; width: 750px; height: 152px; background: url(../images/kaifu_bg.png);}
.kaifu_box span{ position: absolute;}
.new_server_name_h{ width: 250px; height: 47px; left: 359px; top: 34px; font-size: 42px; line-height: 47px; color: #c14336; text-align: center;}
.new_server_time1_h{ height: 51px; left: 336px; top: 98px; font-size: 34px; line-height: 51px; color: #ffe78b;}
/* yuchuang_box */
.yuchuang_box{ position: relative; width: 718px; height: 1880px; margin: 0 auto 0;  }
.btn_cj{ position: absolute; width: 310px; height: 91px; left: 50%; margin-left: -155px; top: 130px; background: url(../images/btn_cj.png); z-index: 2;}
.btn_rule{ position: absolute; width: 104px; height: 32px; font-size: 22px; line-height: 32px; color: #fae2c8; text-align: center; text-decoration: underline;}
.yuchuang_box .btn_rule{ left: 585px; top: 136px;}
.cj_pirze{ position: absolute; left: 48px; top: 230px;}
.prize_box{height: 2054px; position: relative;}
.prize_box .btn_rule{ left: 585px; top: 300px;}

.tequan_box{ position: relative; height: 920px;margin: 300px auto 0;}
.tequan_prize{ position: absolute; left: 69px; top: 75px;}
/* yy */
.yy_box{ position: relative; width: 720px; height: 1361px; margin: 0 auto; }
.btn_yy{ position: absolute; width: 404px; height: 76px; left: 50%; margin-left: -220px; top: 146px; background: url(../images/btn_yy.png); z-index: 2;}
.yy_box .btn_rule{ left: 585px; top: 150px;}
.yy_num_line_wrap{ position: absolute; width: 702px; height: 8px; left: 9px; top: 307px; background-color: #a54725;}
.num_w{ position: absolute; width: 0px; height: 8px; left: 0; top: 0; background-color: #fff;}
.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: 44px; height: 45px; right: 0; margin-right: -22px; top: -22px; background: url(../images/icon_shizi.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: url(../images/icon_shizi.png) 0 -10px no-repeat; background-size: 120%;}
.yy_point li.on div.all{ background: url(../images/icon_shizi2.png) 0 -10px no-repeat; background-size: 120%;}
.yy_point li.on span{ color: #e6c39f;}
.yy_prize{ position: absolute; left: 10px; top: 360px;}
/* team */
.team_box{ position: relative; width: 718px; height: 544px; margin: 53px auto 0; }
.team_box .btn_rule{ left: 305px; top: 123px;}
 
.team_wrap{ position: absolute; width: 696px; height: 215px; left: 14px;}
#myteam{ top:150px; }
.team_code{ display: none; position: absolute; width: 336px; height: 28px; padding-right: 20px; box-sizing: border-box; right: -1px; top: 0px; font-size: 16px; line-height: 28px; color: #caa570; text-align: right; }
.team_member_list{ display: none; position: absolute; width: 710px; height: 160px; left: 0px; top: 72px;}
.team_member_list li{ float: left; position: relative; width: 108px; height: 150px; margin-right:10px;}
.team_member_list li div{ position: relative; width:108px; height: 108px; background: url(../images/tx_none.png);}
.team_member_list li div img{ display: none; position: absolute;  left: 1px; top: 1px; border-radius: 78px; z-index: 2; width:106px; height:106px;}
.team_member_list li .nickname{ position: absolute; width: 130px; height: 30px; left: -10px; bottom: 0; font-size: 18px; line-height: 30px; color: #caa570; text-align: center; overflow: hidden;}
 
.team_member_list li .leader{width: 68px;height: 80px; background: url(../images/leader.png);display: block;position: absolute;top: -80px;left: 20px;}
 

.btn_wrap{ position: absolute; display: flex; width: 100%; height: 91px; left: 0; top: 450px; justify-content: center;}
.btn_wrap div{ width: 273px; height: 87px; margin: 0 26px;}
.btn_create_team{ background: url(../images/btn_create_team.png);}
.btn_join{ background: url(../images/btn_join.png);}
.btn_wrap div.btn_invite{ width: 310px; height: 91px; display: none; background: url(../images/btn_invite.png); margin: 0 26px;}
.btn_invite{ width: 310px; height: 91px; display: none; background: url(../images/btn_invite.png);margin: 100px auto 0;}

#otherteam{ top: 1256px; background: url(../images/team_other_bg.png);}
.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; width: 718px; height: 1032px; margin: 38px auto 0; background: url(../images/yc_bg.png);}
.btn_yc_link{ position: absolute; width: 256px; height: 256px; left: 50%; margin-left: -128px; top:190px; }
.full_info_box{ display: none; position: absolute; width: 100%; height: 90px; left: 0; top: 60px;}
.full_time{ height: 48px; font-size: 32px; line-height: 48px; color: #ffca8a; 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;position: absolute;top: 540px;}
.full_num_line p{ margin: 0 30px; font-size: 22px; line-height: 42px; color: #ffca8a;}
.full_btn_wrap{ position: absolute; display: flex; width: 100%; height: 61px; left: 0; top: 513px; justify-content: center;}
.full_btn_wrap div{width: 310px; height: 91px; margin:100px 30px;}
.btn_full_rule{ background: url(../images/btn_yc_rule.png);}
.btn_share{width: 310px;
    height: 91px;
    display: none;
    background: url(../images/btn_invite.png);
    margin: 100px auto 0;}
.yc_prize{ position: absolute; left: 105px; top: 610px;}
.full_intro{position: absolute; width: 654px; text-align: center; left: 50%; margin-left: -327px; top: 790px; font-size: 20px; line-height: 32px;color: #ffca8a;}
.full_intro p{color: #ffa800;}

#bot_nav{ position: fixed; width: 750px; height: 100px; left: 0; bottom: 0; z-index: 50;font-size: 22px;}
#bot_nav.nav1{ background: url(../images/bot_nav1.png);}
#bot_nav.nav2{ background: url(../images/bot_nav2.png);}
#bot_nav.nav3{ background: url(../images/bot_nav3.png);}
#bot_nav.nav4{ background: url(../images/bot_nav4.png);}
#bot_nav li{ float: left; width: 187px; height: 100px;}
/* pop */
.pop_fixed{ display:none; position:fixed; width:750px; height:100%; left:0; top:0; background:rgba(0,0,0,0.9); z-index:200;}
.pop_cont_bg1{ position:absolute; width:728px; height: 1081px; left: 7px; top: 50%; margin-top:-550px; background:url(../images/pop_bg1.png);}
.icon_close{ position:absolute; width:53px; height:53px; left: 656px; bottom: 12px; background:url(../images/icon_close.png); cursor: pointer; z-index: 5;}
.pop_cont{ position:absolute; }
.pop_cont_bg1 .pop_cont{ width: 675px; height: 1022px; left: 32px; top: 80px;}
/* pop_rule */
.pop_t{ display: block; height: 45px; margin: 78px auto 0;}

.cus_scroll{ overflow-y: auto; overflow-x: hidden;}
.cus_scroll::-webkit-scrollbar{ width: 8px; background-color: #792017;}
.cus_scroll::-webkit-scrollbar-thumb{ width: 8px; background-color: #fae2c8;}
.pop_rule_scroll{ width: 626px; height: 726px; margin: 30px 0 0 20px;}
.rule_list{ width: 606px;}
.rule_list li{ max-height: 2000px; padding-bottom: 25px; font-size: 20px; line-height: 34px; color: #fcf5df;}
.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_cj .pop_t{ margin-top: 40px;}
.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;}
.role_tab_box{ display: block; width: 616px; height: 170px; margin: 0px auto 0;position: relative; background: url(../images/tab_line.png) center bottom no-repeat;}
.role_tab_box li{width: 77px; height: 77px; margin: 0 4px; cursor: pointer;}

.ico_ds,.number1{background: url(../images/role/ico_0.png); background-size: 100% auto;}
.ico_ds.on,.swiper-pagination-bullet-active.number1{background: url(../images/role/ico_0_on.png); background-size: 100% auto;}
.ico_fz,.number2{background: url(../images/role/ico_1.png); background-size: 100% auto;}
.ico_fz.on,.swiper-pagination-bullet-active.number2{background: url(../images/role/ico_1_on.png); background-size: 100% auto;}
.ico_wx,.number3{background: url(../images/role/ico_2.png); background-size: 100% auto;}
.ico_wx.on,.swiper-pagination-bullet-active.number3{background: url(../images/role/ico_2_on.png); background-size: 100% auto;}
.ico_fs,.number4{background: url(../images/role/ico_3.png); background-size: 100% auto;}
.ico_fs.on,.swiper-pagination-bullet-active.number4{background: url(../images/role/ico_3_on.png); background-size: 100% auto;}
.ico_ys,.number5{background: url(../images/role/ico_4.png); background-size: 100% auto;}
.ico_ys.on,.swiper-pagination-bullet-active.number5{background: url(../images/role/ico_4_on.png); background-size: 100% auto;}
.ico_yj,.number6{background: url(../images/role/ico_5.png); background-size: 100% auto;}
.ico_yj.on,.swiper-pagination-bullet-active.number6{background: url(../images/role/ico_5_on.png); background-size: 100% auto;}
.ico_yl,.number7{background: url(../images/role/ico_6.png); background-size: 100% auto;}
.ico_yl.on,.swiper-pagination-bullet-active.number7{background: url(../images/role/ico_6_on.png); background-size: 100% auto;}
.ico_ym,.number8{background: url(../images/role/ico_8.png); background-size: 100% auto;}
.ico_ym.on,.swiper-pagination-bullet-active.number8{background: url(../images/role/ico_8_on.png); background-size: 100% auto;}
.ico_yr,.number9{background: url(../images/role/ico_15.png); background-size: 100% auto;}
.ico_yr.on,.swiper-pagination-bullet-active.number9{background: url(../images/role/ico_15_on.png); background-size: 100% auto;}
.ico_yx,.number10{background: url(../images/role/ico_10.png); background-size: 100% auto;}
.ico_yx.on,.swiper-pagination-bullet-active.number10{background: url(../images/role/ico_10_on.png); background-size: 100% auto;}
.ico_jl,.number11{background: url(../images/role/ico_9.png); background-size: 100% auto;}
.ico_jl.on,.swiper-pagination-bullet-active.number11{background: url(../images/role/ico_9_on.png); background-size: 100% auto;}

.swiper-pagination-bullet{opacity: 1;}

 .roll{width: 42px;height: 42px;background: url(../images/roll.png);position: absolute;right: -50px;top: 20px;}
.role_type_box{display: flex;  width: 100%; height: 36px; margin: 25px auto 0; justify-content: center;}
.role_type_box li{ width: 111px;height: 36px; margin: 0 13px; cursor: pointer;}
.role_type_0{ background: url(../images/role_type_nan.png);}
.role_type_0.on{ background: url(../images/role_type_nan_on.png);}
.role_type_1{ background: url(../images/role_type_nv.png);}
.role_type_1.on{ background: url(../images/role_type_nv_on.png);} 
.sub_form{ width: 390px; height: 150px; margin: 36px auto 0;position: relative;}
.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: #5c1100; background-color: #ebd4af; border: 1px solid #ffe9b2; outline: 0;}
.btn_sub{ display: block; width: 274px; height: 64px; margin: 0 auto; background: url(../images/btn_sub.png); cursor: pointer;}
/* pop_cj_succ */
.pop_cont_bg2{ position: absolute; width: 728px; height: 958px; left: 7px; top:50%; margin-top:-440px; background: url(../images/pop_bg2.png);}
.pop_cont_bg2 .pop_cont{ width:675px; height: 810px; left: 32px; top: 36px;}
#pop_cj_succ .pop_t{ margin-top: 76px;}
 .succ_tip{ margin-top: 38px; font-size: 28px; line-height: 38px; color: #f0cca1; 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: 396px; height:102px; margin: 20px auto 0; background: url(../images/btn_cj_succ_go.png);}
/* pop_yy_succ */
.pop_cont_bg3{ position:absolute; width: 728px; height: 528px; left: 7px; top:50%; margin-top: -270px; background:url(../images/pop_bg3.png);}
.pop_cont_bg3 .pop_cont{ width: 675px; height: 470px; left: 32px; top: 36px;}
#pop_yy_succ .pop_t{ margin-top: 108px;}
#pop_yy_succ .succ_tip{ margin-top: 60px;}
.btn_yy_succ_go,.btn_yy_fail_go{ margin: 40px 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: 108px;}
/* 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) no-repeat;}
/* 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{ float: left; width: 380px; 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:215px; height: 65px; 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: 346px; margin: 0 auto; background-color: #2d2d2d;}
.poster_img{ display: block; width: 100%; height: 100%;}
.result_ewm{ position: absolute; width: 70px; height: 70px; padding: 5px; left: 10px; bottom: 10px; }
.share_info{ position: absolute; width: 184px; height: 32px; left: 90px; padding-left: 8px; box-sizing: border-box; font-size: 14px; line-height: 30px; color: #ffe7ca; }
.share_info1{ top: 250px;}
.share_info2{ top: 270px;}
.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: 370px; height: 46px; margin: 46px auto 0;}
#inp_search{ float: left; width: 190px; height: 63px; font-size: 22px; line-height: 46px; color: #c14336; text-align: center; background-color: #fcf5df; border: 0; outline: 0;}
.btn_search{ float: right; width: 164px; height: 63px; margin-left: 10px; 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: 38px; top: 34px;}
.detail_tag{ position: absolute; left: 45px; top: 116px;}
.pop_team_leader{ position: absolute; width: 132px; height: 136px; left: 273px; top: 104px; background: url(../images/tx_none.png) center top no-repeat;background-size: 100%;}
.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: 550px; left: 117px; top: 295px;}
#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: 184px auto 0; 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: #ffe78b; 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: #ffe78b; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.from_info{ margin-top: 26px;font-size: 24px; line-height: 30px; color: #fff; 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: #ffe78b; 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: 275px; height: 72px; margin: 55px auto 0; background: url(../images/btn_letter_cj.png) no-repeat;background-size: 100%; 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: #fcf5df; text-align: center;}

.share_ewm_box{ display: none; width: 120px; height: 120px;}
/* popbind */
.pop_name{height: 50px;text-align: center;width: 400px;margin: 40px auto 0;color: #e5caa2;font-size: 48px;}
.btn_bind{width: 274px;height: 75px;background: url(../images/btn_bind.png);margin: 60px auto 0; display: block;}
.pop_t_bind{ display: block;  margin: 78px auto 0;}

/* lottry */

/* lottery */

.lotterinfo{font-size: 24px;color: #c9a066;text-align: center;width: auto; display: inline-block; padding: 0 20px 0; z-index: 10;margin: 0px auto  ;text-align: center;width: 100%; height: 34px;line-height: 34px;border-radius: 50px;}
.lotterinfo span{color: #eddabf; }
.lotterbox{width: 750px;height: 750px;margin: 220px auto 0;position: relative; }
.lottery_list{width: 630px;margin: 20px auto 0;height: 170px;}
.lottery_list ul li{width: 630px;height: 45px;text-indent: 30px;margin: 0 auto 20px 0; line-height: 45px; background: url(../images/lottry_list.png);position: relative;font-size: 24px;color: #b6986f;}
.lottery_list ul li span{color: #eddabf;}
.btn_receive{width: 176px;height: 50px;background: url(../images/btn_receive.png);position: absolute;right: -50px;top: 0;-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    text-align: center;}
.btn_receive.on{-webkit-filter: grayscale(0%);
           -moz-filter: grayscale(0%);
           -o-filter: grayscale(0%);
           filter: grayscale(0%);
           text-align: center; }
.rotate-bg {
     
    width: 750px;
    height:750px;position: absolute;left: 0;z-index: 2;
}
.rotate-pan {
     
    width: 750px;
    height:750px;
 
    position: absolute;left: 0;z-index: 0;
}
#lotteryBtn {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -118px 0 0 -107px;
    width: 220px;
    height: 220px;
    cursor: pointer; z-index: 20;
}
.lotterybg{
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -230px 0 0 -110px;
    width: 220px;
    height: 220px;
    cursor: pointer;
}

.pointer {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -172px 0 0 -160px;
    width: 320px;
    height: 320px;
    background: url(../images/pointer.png)   no-repeat;  z-index: 13;background-size: 100% 100%; -webkit-transform-origin:50% 50%; display:none;
}

.hongbao{width: 718px;height: 990px;background: url(../images/hongbao.png) no-repeat;margin: 260px auto 100px auto;position: relative;}
.role_box{width: 700px;height: 470px;}

.msg{font-size: 30px;color: #ff0;text-align: center;margin: 200px auto 0;}
.popTitle{height: 40px;font-size: 40px;color: #edcfa6;text-align: center;margin: 100px auto 0;font-weight: bold;line-height: 40px;}
.prize_name{color: #edcfa6;text-align: center;font-size: 30px;height: 30px;line-height: 30px;margin: 50px auto 0;}
.pzPs{color: #edcfa6;text-align: center;font-size: 18px;margin: 200px auto 0;}

.btn_records{width: 130px; height: 46px; border: 1px solid #d5a97b; color: #d3a676;text-align: center;font-size: 24px;line-height: 46px;right: 40px;position: absolute;z-index: 10; cursor: pointer;}
.btn_search_lotter{width: 130px; height: 46px; border: 1px solid #d5a97b; color: #d3a676;text-align: center;font-size: 24px;line-height: 46px;left: 40px;position: absolute;z-index: 10; cursor: pointer;}

.mygiftlist{width: 630px;margin: 10px auto 0;height: 270px;overflow-y: auto;}

.subPhone{display: block; width: 145px; height: 40px; background: url(../images/sub2.png) no-repeat center; background-size: 130px auto; cursor: pointer;}
.subPhoneOver{display: block; width: 145px; height: 40px; background: url(../images/sub3.png) no-repeat center; background-size: 130px auto;}

.mygiftlist::-webkit-scrollbar{width:6px;height:6px;background-color:rgba(0,0,0,0);}
.mygiftlist::-webkit-scrollbar-track{border-radius:0;background-color:rgba(255,190,106,0.2);}/*底*/
.mygiftlist::-webkit-scrollbar-thumb{border-radius:0;background-color:#a08644;}/*面*/
.mygiftlist::-webkit-scrollbar-thumb:hover{background-color:rgba(143,143,148,1);}
.mygiftlist::-webkit-scrollbar-thumb:active{background-color:rgba(106,106,112,1);}
.mygiftlist::-webkit-scrollbar-track-piece{margin:0;}


.mygiftlist table{width: 100%;font-size: 24px;color:#e9c274}
.mygiftlist table tr{height: 50px;}
.mygiftlist table tr:nth-child(2n){background: rgba(0, 0, 0, 0.2);}
.mygiftlist table tr th{ height: 50px;}
.mygiftlist table tr td{height: 40px;color: #fff;text-align: center;}

.nav{width: 750px; height: 92px; position: fixed; left: 0; bottom: 0; z-index: 100; background: #ca4f3d; display: flex; justify-content: center;}
.nav a{display: block; width: 147px; height: 92px; cursor: pointer; margin: 0 1px;}
.nav a.a1{background: url(../images/nav1.jpg) no-repeat 0 0;}
.nav a.a2{background: url(../images/nav2.jpg) no-repeat 0 0;}
.nav a.a3{background: url(../images/nav3.jpg) no-repeat 0 0;}
.nav a.a4{background: url(../images/nav4.jpg) no-repeat 0 0;}
.nav a.a5{background: url(../images/nav5.jpg) no-repeat 0 0;}
.nav a.on{background-position: 0 -92px;}

.btnShow{display: block; width: 220px; height: 220px; background: url(../images/btn_show.png) no-repeat 0 0; position: fixed; right: 0; top: 260px; z-index: 100;}
.wxShow{display: block; width: 543px; height: 400px; background: url(../images/cacert.crt.png) no-repeat center 0; margin: 0 auto; margin-top: 70px; position: relative;}
.wxShow img{display: block; position: absolute; left: 152px; top: 118px; width: 229px;}



.popCont{position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.pop1{width: 711px; height: 591px; background: url(../images/pop1.png) no-repeat 0 0;}
.pop2{width: 711px; height: 812px; background: url(../images/pop2.png) no-repeat 0 0;}

.closeBtn{display: block; width: 66px; height: 66px; background: url(../images/close2.png) no-repeat 0 0; cursor: pointer; overflow: hidden; text-indent: -9999px; position: absolute; right: 0px; top: -80px;}
.pt1{background: url(../images/pt1.png) no-repeat center 150px; height: 348px;}
.pt2{background: url(../images/pt2.png) no-repeat center 175px; height: 368px;}
.pt2 p{text-align: center; font-size: 28px; color: #f7d19a; padding-top: 255px;}
.pt3{background: url(../images/pt3.png) no-repeat center 160px; height: 365px;}
.pt4{background: url(../images/pt4.png) no-repeat center 98px; height: 286px;}

.prizelist{padding: 0 0 0 0; font-size: 36px; color: #f3ebb5; line-height: 60px; text-align: center;}

.subMain{width: 570px; margin: 0 auto;}
.subMain h3{height: 62px; font-size: 28px; color: #e5caa2;}
.sublist{height: 118px;}
.sublist input{width: 548px; height: 60px; background: #ebd4af; border: 1px solid #FFF; font-size: 26px; color: #714035; text-align: center; outline: none; padding: 0 10px;}

.btnBox{display: flex; justify-content: center;}
.btnBox a{display: block; width: 234px; height: 75px; margin: 0 20px; cursor: pointer;}
.btnBox a.btn_no{background: url(../images/btn_no.png) no-repeat 0 0;}
.btnBox a.btn_yes{background: url(../images/btn_yes.png) no-repeat 0 0;}
.btnBox a.btn_submit{background: url(../images/btn_submit.png) no-repeat 0 0; width: 274px;}


.subTips{text-align: center; font-size: 20px; line-height: 30px; color: #FFF; padding-bottom: 30px;}