@charset "utf-8"; 
@font-face {
  font-family: "myfont";
  src:  url('https://gamesvmg.wmupd.com/game/tlbb/Fonts/myfont2308.ttf') format('truetype');
}
html,body{overflow-x:hidden;}
body{ margin:0; padding:0; font-size:14px; font-family:"myfont"; -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:"myfont";text-decoration:none;outline:none; cursor:pointer}
a:hover{ text-decoration:none;}

.wrap{ position:relative; width:750px; height:1400px; margin-top:98px; background:url(../images/bg.png) center top no-repeat; overflow: hidden;}
/* login */
.login_box{ position:absolute; width:450px; height:64px; left:38px; top:20px; z-index:15;}
#btn_login{ float: left; width: 150px; height: 64px; font-size: 24px; line-height: 64px; color: #912003; text-align: center; background: url(../images/btn_login_bg.png);}
#logout_box{ display:none; height:100%; overflow:hidden;}
#logout_box p{ float:left; max-width: 290px; height: 64px; font-size:28px; line-height:64px; color: rgba(255,255,255,0.8); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#btn_logout{ float:left; width:150px; height:60px; margin: 2px 0 0 5px; font-size:24px; line-height:59px; color:#fff; text-align:center; background:url(../images/btn_logout_bg.png);}
#btn_music_lottery{ position: absolute; width: 64px; height: 64px; right: 54px; top: 21px; z-index: 15;}
#btn_music_lottery.off{ background:url(../images/icon_music_off.png);}
#btn_music_lottery.on{ background:url(../images/icon_music_on.png);}
/* section_home */
.section_home{ position:relative; width:100%; height:100%;}
.lottery_record_box{ position: absolute; width: 594px; height: 32px; left: 50%; margin-left: -297px; top: 96px; background: url(../images/lottery_record_bg.png);}
.record_swiper{ width: 100%; height: 100%; overflow: hidden;}
.record_swiper .swiper-slide{ width: 100%; height: 100%; font-size: 24px; line-height: 32px; color: #8b280a; text-align: center; overflow: hidden;}
.record_item_nickname{color: #0078ff; -webkit-text-stroke: 1px rgba(39,53,124,0.2);}
.record_item_prize{ color: #ff3c00;}
.lottery_t{ position: absolute; width: 684px; left: 56px; top: 116px;}
.btn_pop_rule,.btn_pop_share_home{ position: absolute; width:92px; height:92px; left: 645px; top: 266px; padding-top: 18px; box-sizing: border-box; font-size:24px; line-height:24px; color:#fffbd3; text-align:center; background: url(../images/btn_rule_bg.png); z-index: 5;}
.btn_pop_share_home{ display: none; left: 13px;}
#lottery_box{ position: absolute; width: 683px; height: 674px; left: 50%; margin-left: -341px; top: 278px; background: url(../images/lottery_bg_none.png);}
#lottery_box.on1{ background: url(../images/lottery_bg1.png);}
#lottery_box.on2{ background: url(../images/lottery_bg2.png);}
#lottery_box.on3{ background: url(../images/lottery_bg3.png);}
#lottery_box.on4{ background: url(../images/lottery_bg4.png);}
#lottery_box.on5{ background: url(../images/lottery_bg5.png);}
#lottery_box.on6{ background: url(../images/lottery_bg6.png);}
#lottery_box img{ position: absolute; width: 475px; left: 105px; top: 65px;}
.lottery_zhen{ position:absolute; width:282px; height:283px; left:50%; top:196px; margin-left:-143px;  background:url(../images/lottery_zhen.png); z-index:5;}
.myprize_line{ position: absolute; width:519px; height:61px; left:50%; top:944px; margin-left:-260px; padding-right: 168px; box-sizing: border-box; background:url(../images/my_prize_line.png);}
.btn_tixian{ position: absolute; width:163px; height:55px; right: 8px; top: 6px; font-size: 23px; line-height: 46px; color: #834f30; text-align: center; background: url(../images/btn_tixian_bg.png);}
.myprize_line p{font-size: 26px; line-height: 61px; color: #ffefbe; text-align: center;}
.myprize_line p span{font-size: 38px; vertical-align: middle;}
#btn_lottery{ position:absolute; width:384px; height:94px; left:50%; top:1028px; margin-left:-192px;  font-size:42px; line-height:94px; color:#912003; text-align:center;  background:url(../images/btn_lotery_bg.png);}
.lottery_last{ position: absolute; width: 100%; height: 36px; left: 0; top: 1128px;font-size: 30px; line-height: 36px; color: #fff9cf; -webkit-text-stroke: 1px #df4726; text-align: center;}
.home_bot{ position: absolute; width: 736px; height: 184px; left: 7px; top: 1182px; background: url(../images/home_bot.png);}
.login_tip{ width: 100%; height: 100%; max-height: 184px; padding-top: 30px; box-sizing: border-box; font-size: 30px; line-height: 42px; color: #8b280a; text-align: center;}
.color_blue{ color: #006cff;}
.guess_enter_box{ display: none;}
.btn_guess{ position: absolute; width: 166px; height: 166px; right: 30px; top: 7px; background: url(../images/btn_guess_bg.png);}
.guess_last{ position: absolute; width: 134px; height: 26px; left: 50%; margin-left: -67px; bottom: 5px; font-size: 28px; line-height: 28px; color: #fffbe6; text-align: center; background: url(../images/guess_last_bg.png);}
.guess_enter_box p{ max-height: 120px; padding: 30px 0 0 45px; font-size: 28px; line-height: 40px; color: #8b280a; }
.font26{ font-size: 26px;}
.btn_pop_piao{font-size: 26px;color: #006cff; text-decoration: underline;}
.opa_none{ display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 20;}
/* section_tixian */
.section_tixian{ display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0;background:url(../images/bg.png) center top no-repeat; z-index: 10;}
/*.close_tixian{ position: absolute; width: 52px; height: 70px; right: 30px; top: 20px; background: url(../images/btn_back.png);}*/
.close_tixian{ position: absolute; width:150px; height:60px; right: 50px; top: 20px;  font-size:24px; line-height:59px; color:#fff; text-align:center; background:url(../images/btn_logout_bg.png);}
.myprize_line2{ position: absolute; width: 682px; height: 160px; left: 16px; top: 118px; padding: 44px 0 0 134px; box-sizing: border-box; background: url(../images/my_prize_line2.png);}
.myprize_line2 p{ float: left; height: 43px; font-size: 30px; line-height: 43px; color: #fcffc7;}
.myprize_line2 .hb_num{ float: left; width: 375px; height: 43px; margin-left: 20px; font-size: 34px; line-height: 43px; color: #b8280a; text-align: center; background-color: rgba(255,255,255,0.5); border-radius: 10px;}
.tixian_box{ position: absolute; width: 640px; height: 1040px; left: 50%; margin-left: -320px; top: 254px; background: url(../images/tixian_box_bg.png) center top no-repeat;}
.tx_tab{ display: flex; width: 100%; height: 95px; margin-top: 35px; justify-content: center;}
.tx_tab li{ position: relative; width: 284px; height: 72px; margin: 0 8px; font-size: 26px; line-height: 68px; color: rgba(255,255,255,0.9); text-align: center; background: url(../images/tx_tab.png);}
.tx_tab li.on{ color: rgba(139,40,10,0.9); background: url(../images/tx_tab_on.png);}
.tx_tab li .tip{ position: absolute; width: 100%; height: 36px; left: 0; top: 63px; font-size: 20px; line-height: 36px; color: #f43b0e; text-align: center;}
.tx_cont{ display: none; width: 100%; height: 900px;}
.bind_title{width: 594px; height: 95px; margin: 0 auto; font-size: 26px; line-height: 82px; color: rgba(139,40,10,0.8); text-align: center; background: url(../images/tx_line2.png) center top no-repeat;}
.bind_list{ width: 568px; height: 190px; padding: 0 13px; margin: 0 auto; background: url(../images/tx_line2.png) center bottom no-repeat;}
.bind_list li{ width: 568px; height: 95px;}
.bind_list li .bind_tag,.yb_opa_tag{ float: left; width: 138px; font-size: 30px; line-height: 46px;color: rgba(139,40,10,0.8);}
.bind_list li select{ left: left; width: 428px; height: 46px; padding-left: 20px; box-sizing: border-box; font-size: 26px; line-height: 46px;color: rgba(139,40,10,0.6); background: rgba(255,255,255,0.5); border: 0; border-radius: 10px; outline: 0;}
.yb_tip{ height: 122px; padding-top: 30px; box-sizing: border-box; font-size: 30px; line-height: 40px; color: #8b280a; text-align: center;}
.yb_tip span{ font-size: 24px; color: rgba(139,40,10,0.8);}
.yb_inp_title{ width: 568px; height: 62px; margin: 0 auto; font-size: 30px; line-height: 62px; color: rgba(139,40,10,0.8);}
.yb_opa_wrap{ width: 568px; height: 48px; margin: 20px auto 0; overflow: hidden;}
.yb_opa_tag{ display: flex; align-items: center;}
.icon_yuanbao{ display: block; width: 46px; height: 33px; margin-left: 10px; background:url(../images/icon_yuanbao.png); }
.btn_jian,.btn_jia{ float: left; width: 48px; height: 48px; background: url(../images/btn_jian.png);}
.opa_inp{ float: left; width:220px; height:46px; margin-left: 8px; font-size:34px; line-height:46px; color:#fff; text-align:center;  background: #c57d58; border-radius: 10px; border: 0; overflow: hidden;}
.btn_jia{ margin-left: 8px; background:url(../images/btn_jia.png);}
.btn_max{ float: left; width: 90px; height: 48px; margin-left: 8px; font-size: 28px; line-height: 46px; color: #fff; text-align: center; background:url(../images/btn_max_bg.png);}
.xiaohao_line{ width: 568px; height: 60px; margin: 36px auto 0; font-size: 26px; line-height: 26px; color: rgba(139,40,10,0.8); text-align: center; background: url(../images/tx_line2.png) center bottom no-repeat;}
.btn_sub_tixian{ display: block; width:384px; height:94px; margin: 112px auto 0;  font-size:42px; line-height:94px; color:#912003; text-align:center;  background:url(../images/btn_lotery_bg.png);}
.date_tip{ height: 66px; font-size: 30px; line-height: 66px;color: rgba(139,40,10,0.8); text-align: center;}

.open_box{ display: none;}
.tx_line_box{ width: 594px; height: 445px; padding-top: 1px; margin: 0 auto; background: url(../images/tx_line.png);}
.tx_tip{ width: 622px; height: 140px; margin: 20px auto 0; padding-top: 30px; box-sizing: border-box; font-size: 28px; line-height: 40px;color: rgba(244,46,0,0.7); text-align: center; background: url(../images/tx_tip_bg.png) center top no-repeat;}
.tx_tip span{ color: #f42e00;}
.tx_opa_list{ width: 568px; height: 280px; margin: 0 auto; overflow: hidden;}
.tx_opa_list li{ height: 95px;}
.xj_opa_tag{ float: left; width: 136px; font-size: 30px; line-height: 46px;color: rgba(139,40,10,0.8);}
.xj_opa_tag.long{ width: 168px;}
.xj_can_num{ float: left; width: 275px; height: 46px; font-size: 30px; line-height: 46px; color: #b8280a; text-align: center; background-color: rgba(255,255,255,0.5); border-radius: 10px;}
.btn_pop_ed{ float: left; margin-left: 20px; font-size: 26px; line-height: 46px; color: #006cff; text-decoration: underline;}
.dang_tab_list{ position: relative; float: left; width: 432px; height: 44px; padding-top: 2px;}
.dang_tab_list span{ float: left; position: relative; width: 216px; height: 44px; font-size: 22px; line-height: 40px; color: rgba(255,255,255,0.7); text-align: center; background: url(../images/dang_tab.png);}
.dang_tab_list span.on{ color: #8b280a; background: url(../images/dang_tab_on.png);}
.dang_tab_list i{ position: absolute; width: 216px; height: 22px; left: 0; top: 46px; font-size: 20px; font-style: normal; line-height: 22px; color: #f43b0e; text-align: center;}
.opa_xj_cont{ display: none; float: left; width: 432px; height: 46px;}
.opa_xj1{ display: block;}
.zhesuan_title{ height: 82px; margin-top: 22px; font-size: 34px; line-height: 82px; color: rgba(139,40,10,0.8); text-align: center;}
.zhesuan_line{ display: flex; width: 525px; height: 83px; margin: 0 auto; font-size: 40px; line-height: 83px; color: #8b280a; justify-content: center; align-items: center; background:url(../images/zhesuan_line_bg.png);}
.btn_myrecord{ display: block; width: 210px; height: 46px; margin: 0 auto; font-size: 26px; line-height: 46px; color: #006cff; text-align: center; text-decoration: underline;}

#web_show_box{ width: 594px; margin: 0 auto; padding-top: 30px; background: url(../images/tx_line2.png) center top no-repeat;}
.ewm_gzh_box{ position: relative; width: 494px; height: 494px; margin: 0 auto; background: url(../images/ewm_gzh_bg.png);}
.ewm_gzh_box img{ position: absolute; width: 284px; height: 284px; left: 50%; margin-left: -137px; top: 104px;}
.gzh_tip{ height: 132px; max-height: 132px; margin-top: 20px; font-size: 28px; line-height: 44px; color: rgba(139,40,10,0.8); text-align: center;}
#web_show_box .date_tip{ margin-top: 164px;}
/* section_guess */
.section_guess{display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0;background:url(../images/guess_bg.jpg) center top no-repeat; z-index: 16;}
#btn_music_guess{ position: absolute; width: 64px; height: 64px; right: 54px; top: 21px; z-index: 5;}
#btn_music_guess.off{ background:url(../images/icon_music_off.png);}
#btn_music_guess.on{ background:url(../images/icon_music_on.png);}
.game_cont{ display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
#lun_title{ position: relative; width: 750px; height: 460px; overflow: hidden;}
.lun_title1,.lun_title2,.lun_title3{ background: url(../images/lun_title1.png);}
.lun_title4{ background: url(../images/lun_title2.png);}
#lun_num_b{ position: absolute; width: 100px; height: 110px; left: 50%; margin-left: -50px; top: 215px;}
#lun_num_b.num1{ background: url(../images/num1.png);}
#lun_num_b.num2{ background: url(../images/num2.png);}
#lun_num_b.num3{ background: url(../images/num3.png);}
#lun_num_b.num4{ background: url(../images/num4.png);}
#lun_title .guess_progress{ position: absolute; width: 170px; height: 50px; left: 50%; margin-left: -85px; top: 394px;font-size: 36px; line-height: 50px; color: rgba(255,251,211,0.9); text-align: center;}
.s_title{ width: 540px; height: 40px; margin: 120px auto 0; font-size: 36px; line-height: 40px; color: #fffbd3; text-align: center; background: url(../images/s_title_bg.png) center center no-repeat;}
.game_intro1,.game_intro2{ height: 110px;font-size: 50px; line-height: 110px; color: #fff; text-align: center;}
.game_intro2{ color: rgba(255,255,255,0.9);}

.game_play_title{ position: relative; width: 646px; height: 290px; margin: 130px auto 0; background: url(../images/game_play_title_bg.png);}
.play_head_line{ position: absolute; width: 100%; height: 52px; left: 0; top: 18px; font-size: 36px; line-height: 52px; color: #fffbd3; text-align: center;}
.play_head_line .guess_progress{ margin-left: 10px;}
.player_name{ position: absolute; width: 180px; height: 40px; top: 142px; font-size: 34px; line-height: 40px; color: rgba(255,255,255,0.9); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#player_name_my{ left: 88px;}
#player_name_ta{ left: 390px;}
.scroe_box{ display: none; position: absolute; width: 100%; height: 60px; left: 0; top: 220px; font-size: 50px; line-height: 60px; color: #fff; text-align: center;}
#opa_cuttime_num{position: absolute; width: 100px; height: 110px; left: 50%; margin-left: -50px; top: 125px;}
#opa_cuttime_num.num1{ background: url(../images/num1.png);}
#opa_cuttime_num.num2{ background: url(../images/num2.png);}
#opa_cuttime_num.num3{ background: url(../images/num3.png);}
#opa_cuttime_num.num4{ background: url(../images/num4.png);}
#opa_cuttime_num.num5{ background: url(../images/num5.png);}

.game_opa_box{ padding-top: 40px;}
.opa_cuttime_box{ position: relative; width: 750px; height: 326px; margin: 0 auto; background: url(../images/opa_time_bg.png);}
.choise_title{ width: 632px; height: 40px; margin: 55px auto 0; font-size: 36px; line-height: 40px; color: #fffbd3; text-align: center; background: url(../images/s_title_bg2.png) center center no-repeat;}
.choise_list{ display: flex; width: 100%; height: 170px; margin-top: 30px; justify-content: center;}
.choise_list li{ position: relative; width: 170px; height: 170px; margin: 0 26px; padding-top: 3px; box-sizing: border-box;}
.choise_list li img{ display: block; width: 164px; margin: 0 auto;}
.choise_list li span{ display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url(../images/choise_on.png);}
.choise_list li.on span{ display: block;}

.game_result_box{ display: none; position: relative; width: 624px; height: 624px; margin: 10px auto 0; background: url(../images/game_quan.png);}
.next_box{ display: none; position: absolute; width: 364px; height: 96px; left: 50%; margin-left: -182px; top: 0;}
.result_line{ width: 364px; height: 38px; font-size: 30px; line-height: 40px; color: #fff; text-align: center; background: url(../images/result_line.png);}
.next_box p{ height: 58px;font-size: 30px; line-height: 58px; color: rgba(255,251,211,0.9); text-align: center;}
.hand_box{ position: absolute; width: 606px; height: 606px; left: 9px; top: 9px; border-radius: 606px; overflow: hidden;}
.hand_box span{ position: absolute; width: 312px; height: 312px; top: 225px; transition: transform 0.3s; -webkit-transition: transform 0.3s;}
#hand_left{ left: 0px; transform: translate3d(-400px,400px,0); -webkit-transform: translate3d(-400px,400px,0);}
#hand_right{ right: 0px; transform: translate3d(400px,400px,0); -webkit-transform: translate3d(400px,400px,0);}
#hand_left.h0{ background: url(../images/h_shitou_l.png);}
#hand_left.h2{ background: url(../images/h_jiandao_l.png);}
#hand_left.h5{ background: url(../images/h_bu_l.png);}
#hand_right.h0{ background: url(../images/h_shitou_r.png);}
#hand_right.h2{ background: url(../images/h_jiandao_r.png);}
#hand_right.h5{ background: url(../images/h_bu_r.png);}
.hand_box.on #hand_left,.hand_box.on #hand_right{ transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0);}

.lun_prize_box{ position: absolute; width: 734px; height: 193px; left: 8px; bottom: 36px; background: url(../images/lun_prize_bg.png); z-index: 5;}
.lun_prize_tip{position: absolute; width: 100%; height: 60px; left: 0; top: -60px; font-size: 32px; line-height: 60px; color: #fffbd3; text-align: center;}
#lun_prize_list{ display: flex; width: 100%; height: 150px; margin-top: 20px; justify-content: center;}
#lun_prize_list li{ position: relative; width: 120px; height: 150px; margin: 0 14px; background: url(../images/prize_show.png);}
#lun_prize_list li .active{ display: none; position: absolute; width: 154px; height: 180px; left: -17px; top: -15px; background: url(../images/prize_show_on.png);}
#lun_prize_list li img{ position: absolute; width: 92px; height: 92px; left: 14px; top: 14px;}
#lun_prize_list li p{ position: absolute; width: 100%; height: 44px; left: 0; bottom: 0; font-size: 30px; line-height: 44px; color: #8d6045; text-align: center;}
#lun_prize_list li.on .active{ display: block;}
#lun_prize_list li.on p{ color: #8e0804;}

.key_fail{ display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 199;}

/* pop */
.pop_fixed{ display:none; position:fixed; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.9); z-index:200;}
.pop_cont_bg1,.pop_cont_bg2,.pop_cont_bg3{ position:absolute; width:696px; height:1240px; left:50%; top:50%; margin-left:-348px; margin-top:-620px; background:url(../images/pop_cont_bg1.png) center top no-repeat;}
.btn_conform_close,.btn_conform_login,.btn_pop_share{ position:absolute; width:384px; height:94px; left:50%; bottom: 0px; margin-left:-192px; font-size:42px; line-height:94px; color:#912003; text-align:center; background:url(../images/btn_lotery_bg.png);}
/* pop_rule */
.pop_t{ display:block; width:360px; height:50px; margin:30px auto 0; font-size:35px; line-height:50px; color:#f7f7f7; text-align:center;background:url(../images/pop_t_bg.png);}
.rule_box{ width: 570px; height: 946px; margin: 20px auto 0; padding: 30px 0 30px 30px; box-sizing: border-box; background-color: rgba(255,255,255,0.5); border-radius: 16px;}
.pop_rule_scroll{ width:100%; height:100%; overflow-x:hidden; overflow-y:auto;}
.rule_cont{ width:510px;}
.rule_cont p{ max-height:3000px; padding-bottom: 25px; font-size:28px; line-height:42px; color:rgba(139,40,10,0.8);}
.rule_table{ width:508px; margin-bottom: 25px; border-collapse:collapse; border-spacing:0; border-color:#8b280a;}
.rule_table th,.rule_table td{ max-height:100px; padding:10px 0; line-height:24px; text-align:center;}
.rule_table th{ font-size:22px; color:#006cff;}
.rule_table td{ font-size:20px; color:rgba(139,40,10,0.8);}
.color_t{ color: #006cff;}
/* pop_login */
.pop_cont_bg2{height:440px; margin-top:-220px; background:url(../images/pop_cont_bg2.png) center top no-repeat;}
.msg_box{ width: 570px; height: 146px; margin: 20px auto 0; padding: 0 30px; box-sizing: border-box; background-color: rgba(255,255,255,0.5); border-radius: 16px;}
.msg_cont{ display: flex; width: 100%; height: 100%; max-height: 146px; font-size:32px; line-height:46px; color:#8b280a; justify-content: center; align-items: center; text-align: center;}
#pop_msg{ z-index: 201;}
.icon_close{ position: absolute; width: 40px; height: 40px; left: 50%; margin-left: -20px; bottom: -60px; background: url(../images/icon_close.png); z-index: 10;}
/* pop_lottery_succ */
.pop_cont_lottery{ position:absolute; width:750px; height:820px; left:0; top:50%; margin-top:-410px; background:url(../images/pop_lottery_succ_bg.png) center top no-repeat;}
.succ_result_item{ display: none; position: absolute; width: 176px; height: 180px; left: 282px; top: 320px;}
.succ_result_item img{ position: absolute; left: 62px; bottom: 25px;}
.succ_result1{ background: url(../images/hb1.png);}
.succ_result2,.succ_result3,.succ_result4,.succ_result6{ background: url(../images/hb3.png);}
.succ_result5{ background: url(../images/hb2.png);}
.cutdown_tip{ position: absolute; width: 100%; height: 66px; left: 0; bottom: -66px; font-size:32px; line-height:66px; color: rgba(255,239,190,0.8); text-align:center;}
/* pop_yb_succ */
.pop_cont_yb{ position:absolute; width:750px; height:820px; left:0; top:50%; margin-top:-410px; background:url(../images/pop_yb_succ_bg.png) center top no-repeat;}
.gongxi{ height: 64px; margin-top: 340px; font-size:42px; line-height:64px; color:#ffefbe; text-align: center;}
.succ_num{ display: flex; height: 100px; font-size: 52px; line-height: 100px; color: #ffefbe; justify-content: center; align-items: center;}
.tx_succ_tip{ max-height: 72px; margin-top: 50px; font-size:28px; line-height:36px; color:rgba(255,239,190,0.8); text-align: center;}
/* pop_myrecord */
.myrecord_box{ position: absolute; width: 570px; height: 946px; left: 50%; margin-left: -285px; top: 100px; background: rgba(255,255,255,0.5); border-radius: 16px;overflow: hidden;}
.myrecord_th{ width: 570px; height: 56px; background: url(../images/record_th.png);}
.myrecord_th span{ float: left; width: 190px; height: 56px; font-size: 28px; line-height: 56px; color: rgba(139,40,10,0.8); text-align: center;}
.myrecord_scroll{ width: 100%; height: 890px; overflow-y: auto; overflow-x: hidden;}
.myrecord_list li{ height: 68px; border-radius: 16px; overflow: hidden;}
.myrecord_list li:nth-child(even){ background: rgba(255,204,192,0.6);}
.myrecord_list li div{ float: left; width: 190px; height: 100%; font-size: 28px; line-height: 68px; color: #8b280a; text-align: center; overflow: hidden;}
.myrecord_list .tag1{ color: #ff7108;}
.myrecord_list .tag2{ color: #4eae0e;}
.myrecord_list .tag3{ color: rgba(139,40,10,0.6);}
/* pop_edu */
#pop_edu .pop_cont_bg1{ height: 1200px; margin-top: -625px;}
.laxin_tab{ display: flex; width: 100%; height: 72px; margin-top: 10px; justify-content: center;}
.laxin_tab li{ width: 284px; height: 72px; margin: 0 10px; font-size: 26px; line-height: 68px; color: rgba(255,255,255,0.9); text-align: center; background: url(../images/tx_tab.png);}
.laxin_tab li.on{ color: rgba(139,40,10,0.9); background: url(../images/tx_tab_on.png);}

.edu_box{ display: none; width: 570px; height: 890px; margin: 5px auto 0; overflow: hidden;}
.have_bind_box{ width: 570px; padding: 20px 0 15px; background: rgba(255,255,255,0.5); border-radius: 16px;}
.have_head{ width: 508px; height: 48px; margin: 0 auto;}
.have_head p{ float: left; font-size: 30px; line-height: 48px; color: #b8280a;}
.btn_show_detail{ float: right; font-size: 24px; line-height: 48px; color: #006cff; text-decoration: underline;}
.have_list{ display: none; width: 508px; margin: 0 auto;}
.have_list li{ height: 40px; font-size: 28px; line-height: 40px; color: rgba(139,40,10,0.6);}

.edu_table{ width: 570px; height: 466px; margin: 12px auto 0; background: rgba(255,255,255,0.5); border-radius: 16px; overflow: hidden;}
.edu_th{ width: 570px; height: 56px; background: url(../images/edu_th.png);}
.edu_th span{ float: left; height: 56px; font-size: 28px; line-height: 56px; color: rgba(139,40,10,0.8); text-align: center;}
.edu_table .col1{ width: 118px;}
.edu_table .col2{ width: 306px;}
.edu_table .col3{ width: 146px;}
.progress_scroll{ width: 100%; height: 410px; overflow-y: auto; overflow-x: hidden;}
.progress_list li{ height: 68px; border-radius: 16px; overflow: hidden;}
#progress_list_hl li{ height: 98px;}
.progress_list li:nth-child(even){ background: rgba(255,204,192,0.6);}
.progress_list li div{ float: left; height: 100%;}
.progress_list .col1 span{ display: block; width: 54px; height: 27px; margin: 20px auto 0; font-size: 21px; line-height: 27px; color: #fff; text-align: center;  border-radius: 4px;}
#progress_list_hl .col1 span{ margin-top: 35px;}
.progress_list .tag1{ background: #e46263;}
.progress_list .tag2{ background: #f3a238;}
.progress_list .tag3{ background: #b1b624;}
.progress_list .tag4{ background: #4eae0e;}
.progress_list .col2 p{ display: flex; width: 278px; height: 60px; max-height: 60px; margin: 5px auto 0; font-size: 26px; line-height: 30px; color: rgba(139,40,10,0.8); align-items: center; overflow: hidden;}
#progress_list_hl .col2 p{ height: 90px; max-height: 90px;}
.progress_list .col3{ font-size: 26px; line-height: 68px; color: rgba(139,40,10,0.8); text-align: center;}
#progress_list_hl .col3{ line-height: 98px;}

.edu_intro{ width: 570px; height: 316px; margin: 12px auto 0; padding: 20px 0; box-sizing: border-box; background: rgba(255,255,255,0.5); border-radius: 16px;}
.edu_intro div{ width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto;}
.edu_intro div p{ width: 500px; max-height:3000px; margin: 0 auto; font-size:28px; line-height:38px; color:rgba(139,40,10,0.8);}
/* pop_menpiao */
.pop_cont_bg3{height:980px; margin-top:-490px; background:url(../images/pop_cont_bg3.png) center top no-repeat;}
.menpiao_intro{ width: 570px; height: 688px; margin: 12px auto 0; padding: 20px 0; box-sizing: border-box; background: rgba(255,255,255,0.5); border-radius: 16px;}
.menpiao_intro ul{ width: 530px; margin: 0 auto; padding-top: 1px;}
.menpiao_intro ul li{ position: relative; width: 100%; padding-left: 28px; box-sizing: border-box; margin-top: 26px; font-size: 32px; line-height: 48px; color: rgba(139,40,10,0.8);}
.menpiao_intro ul li span.point{ position: absolute; width: 20px; left: 0; top: 0;}
.menpiao_intro ul li p{ max-height: 1000px;}
.menpiao_intro ul li .color_blue{ color: rgba(0,108,255,0.8);}
/* pop_wx_guide */
.share_wx_guide{ position:absolute; width:207px; right:20px; top:0px;}
/* pop_share */
.pop_share_cont{ position:absolute; width:630px; height:1120px; left:50%; top:50%; margin-left:-315px; margin-top:-600px;}
.create_box{ position:relative; width:630px; height:1120px; overflow:hidden;}
.poster_bg{ width:100%; height:100%;}
.ewm_code{ position:absolute; width:165px; height:165px; left:238px; top:747px; border-radius: 4px;}
.poster_img{ display:none; position: absolute; width:630px; height:1120px; left: 0; top: 0; z-index: 5;}
.save_tip{ display: none; position:absolute; width:100%; height:70px; left:0; bottom:-70px; font-size:30px; line-height:70px; color:rgba(255,255,255,0.7); text-align:center;}
#pop_poster .icon_close{ bottom: -120px;}

.share_ewm_box{ display:none; width:165px; height:165px;}
.share_ewm_box div,.share_ewm_box img{ width:100%; height:100%;}
.wmgameFooter{ width:750px;}

/* pipei */
.text_pipei{ position: absolute; width: 750px; height: 296px; left: 0; top: 50%; margin-top: -148px;}
.text_pipei_bg{ position: absolute; width: 100%; height: 100%; left: 0; top:0; background: url(../images/text_pipei_bg.png); animation: key_huxi 1s infinite alternate; -webkit-animation: key_huxi 1s infinite alternate;}
@keyframes key_huxi{
  0%{ opacity: 1;}
  100%{ opacity: 0.3;}
}
@-webkit-keyframes key_huxi{
  0%{ opacity: 1;}
  100%{ opacity: 0.3;}
}
.text_pipei img{ position: absolute; width: 453px; left: 50%; margin-left: -226px; top: 25px;}
.btn_cancel{ position: absolute; width: 384px; height: 94px; left: 50%; margin-left: -192px; bottom: -200px; font-size: 42px; line-height: 90px; color: #fffbd3; text-align:center; background: url(../images/btn_cancel_bg.png);}
/* pop_guess_fail */
.pop_cont_guess_fail,.pop_cont_guess_succ{ position:absolute; width:750px; height:820px; left:0; top:50%; margin-top:-410px; background:url(../images/pop_guess_fail_bg.png) center top no-repeat;}
.fail_cont{ display: none;}
#fail_none,#succ_next{ width: 580px; max-height: 104px; margin: 370px auto 0; font-size: 40px; line-height: 52px; color: #d1d3e4; text-align: center;}
#fail_prize,#succ_first{ width: 600px; margin: 215px auto 0;}
.fail_info_box,.succ_info_box{display: flex; height: 150px; font-size: 40px; line-height: 52px; color: #d1d3e4;  align-items: center; justify-content: center;}
.fail_info_box p,.succ_info_box p{max-height: 158px; text-align: center;}
.jiasai_tip{ display: none;}
.fail_icon_box,.succ_icon_box{ position: relative; width: 120px; height: 120px; margin: 0 auto; background: url(../images/icon_bg1.png);}
.fail_icon_box img,.succ_icon_box img{ position: absolute; width: 92px; height: 92px; left: 14px; top: 14px;}
.guess_prize_name{ width: 364px; height: 38px; margin: 15px auto 0; font-size: 30px; line-height: 38px; color: rgba(255,255,255,0.8); text-align: center; background: url(../images/fail_line_bg.png);}
/* pop_guess_succ */
.pop_cont_guess_succ{background:url(../images/pop_guess_succ_bg.png) center top no-repeat;}
#succ_next{ color: #ffefbe;}
.succ_info_box{ color: #ffefbe;}
#pop_guess_succ .guess_prize_name{ color: #fff;; background: url(../images/succ_line_bg.png);}
.succ_icon_box{background: url(../images/icon_bg2.png);}