@charset "utf-8";
body{ margin:0; padding:0; font:normal 100% "Microsoft YaHei",\5b8b\4f53,Arial, Helvetica, sans-serif; -webkit-tap-highlight-color: rgba(0,0,0,0);}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin:0; padding:0;}
area{outline:none;}
img{ border:0;}
input{ -webkit-appearance: none; outline: none; border-radius: 0;}
input::-ms-clear{display:none;}
ol,ul{list-style:none;}
a{ text-decoration:none; outline:none;}
.cf:after {content:"";display:block;height:0;clear:both;} 
.cf {zoom:1;}
.fl{ float: left; }
.fr{ float: right; }
.pub_clr{clear:both;font-size:0;height:0;line-height:0;overflow:hidden;}
.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);}
.box_justify{ display: -webkit-box; display: -moz-box; display: -o-box; display: -ms-box; -webkit-box-pack:justify; -moz-box-pack:justify; -o-box-pack:justify; -ms-box-pack:justify; box-pack:justify;}
body{ -webkit-text-size-adjust: 100%; }

/*header*/
.header{ position: relative; height: 1446px; background: url(../images/header.jpg) no-repeat center 98px; }
.header_layer{ position: absolute; bottom: -80px; left: 0; }
.logo{ position: absolute; top: 120px; left: 30px; }
.login{ position: absolute; top: 130px; right: 0px; height: 41px; line-height: 41px; font-size: 20px; color: #FFF; }
.login a{ color: #688fab; }
.slogan{ position: absolute; top: 920px; }
.down_btn{ position: absolute; top: 1240px; width: 401px; height: 120px; background: url(../images/down_btn.png) no-repeat 0 0; }

/*box1*/
.box1{ position: relative; height: 1190px; background: url(../images/box1.jpg) no-repeat center top; }
.box1_des{ position: absolute; top: 110px; width: 700px; display: table; height: 160px; }
.box1_des .cell{ display: table-cell; vertical-align: middle; line-height: 28px; font-size: 25px; color: #f8f0c3; }
.event_nav{ position: absolute; top: 270px; width: 731px; overflow: hidden; }
.event_nav a{ float: left; width: 178px; height: 106px; margin: 0 -25px 0 -7px; }
.event_nav a.n1{ background: url(../images/event_n1.png) no-repeat 0 0; }
.event_nav a.n2{ background: url(../images/event_n2.png) no-repeat 0 0; }
.event_nav a.n3{ background: url(../images/event_n3.png) no-repeat 0 0; }
.event_nav a.n4{ background: url(../images/event_n4.png) no-repeat 0 0; }
.event_nav a.n5{ background: url(../images/event_n5.png) no-repeat 0 0; }
.event_nav a.on{ background-position: 0 -106px; }
.game_step_nav{ position: absolute; top: 430px; width: 682px; height: 58px; padding-left: 6px; background: url(../images/game_step_nav.png) no-repeat 0 0; }
.game_step_nav a{ float: left; position: relative; width: 135px; height: 55px; line-height: 55px; text-align: center; font-size: 20px; color: #f8f0c3; user-select: none; }
.game_step_nav a:last-child:before{ display: none; }
.game_step_nav a.on{ background: url(../images/game_step_n.png) no-repeat 0 0; color: #FFF; }
.game_step_nav a:before, .game_step_nav a:after{ content: ''; position: absolute; }
.game_step_nav a:before{ top: 50%; transform: translate(0, -50%); right: -2px; width: 2px; height: 34px; background: rgba(255,255,255,0.3); }
.game_step_nav a:after{ bottom: -12px; left: 50%; transform: translate(-50%, 0); width: 36px; height: 26px; background: url(../images/game_step_nav_after.png) no-repeat 0 0; }
.game_step_content{ position: absolute; top: 496px; left: 29px; width: 689px; height: 586px; }
.game_step_content .content{ position: relative; display: none; width: 100%; height: 100%; }
.game_step_content1{ background: url(../images/game_step_content1.png) no-repeat center top; }
.vs_16_8{ background: url(../images/vs_16_8.png) no-repeat center top; }
.vs_8_4{ background: url(../images/vs_8_4.png) no-repeat center top; }
.vs_4_2{ background: url(../images/vs_4_2.png) no-repeat center top; }
.vs_win{ background: url(../images/vs_win.png?v=1) no-repeat center top; }
.game_step_content1_btn{ position: absolute; top: 490px; width: 270px; height: 53px; background: url(../images/game_step_content1_btn.png) no-repeat 0 0; }
.vs_team{ position: absolute; width: 310px; height: 125px; }
.vs_16_8 .vs_team_1{ top: 7px; left: 19px; }
.vs_16_8 .vs_team_2{ top: 7px; right: 19px; }
.vs_16_8 .vs_team_3{ top: 152px; left: 19px; }
.vs_16_8 .vs_team_4{ top: 152px; right: 19px; }
.vs_16_8 .vs_team_5{ top: 303px; left: 19px; }
.vs_16_8 .vs_team_6{ top: 303px; right: 19px; }
.vs_16_8 .vs_team_7{ top: 454px; left: 19px; }
.vs_16_8 .vs_team_8{ top: 454px; right: 19px; }
.vs_team .team{ position: absolute; width: 181px; height: 52px; text-align: center; color: #f8f0c3; }
.vs_team_1 .team, .vs_team_3 .team, .vs_team_5 .team, .vs_team_7 .team{ left: 0; }
.vs_team_2 .team, .vs_team_4 .team, .vs_team_6 .team, .vs_team_8 .team{ right: 0; }
.vs_team .team1{ top: 0; }
.vs_team .team2{ bottom: 0; }
.vs_team .name{ padding: 0 10px; font-weight: bold; font-size: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vs_team .server{ padding: 0 10px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vs_video_btn{ position: absolute; top: 39px; width: 122px; height: 46px; background: url(../images/vs_video_btn.png) no-repeat 0 0; }
.vs_team_1 .vs_video_btn, .vs_team_3 .vs_video_btn, .vs_team_5 .vs_video_btn, .vs_team_7 .vs_video_btn{ right: 8px; }
.vs_team_2 .vs_video_btn, .vs_team_4 .vs_video_btn, .vs_team_6 .vs_video_btn, .vs_team_8 .vs_video_btn{ left: 8px; }
.vs_8_4 .vs_team_1{ top: 115px; left: 19px; }
.vs_8_4 .vs_team_2{ top: 115px; right: 19px; }
.vs_8_4 .vs_team_3{ top: 348px; left: 19px; }
.vs_8_4 .vs_team_4{ top: 348px; right: 19px; }
.vs_4_2 .vs_team{ width: 654px; height: 66px;}
.vs_4_2 .vs_team_1{ top: 125px; left: 19px; }
.vs_4_2 .vs_team_2{ top: 338px; left: 19px; }
.vs_4_2 .team{ width: 232px; height: 60px; padding-top: 6px; }
.vs_4_2 .team1{ left: 0; }
.vs_4_2 .team2{ left: auto; right: 0; }
.vs_4_2 .name{ font-size: 23px; }
.vs_4_2 .server{ font-size: 15px; }
.vs_4_2 .vs_video_btn{ top: 16px; left: 50%; right: auto; transform: translate(-50%, 0); }
.vs_column{ position: absolute; top: 13px; width: 191px; height: 37px; line-height: 37px; text-align: center; font-size: 20px; color: #f8f0c3; }
.vs_column_l{ left: 21px; }
.vs_column_r{ right: 21px; }
.vs_win .vs_team_1{ top: 87px; left: 19px; }
.vs_win .vs_team_2{ top: 87px; right: 19px; }
.win_one, .win_two, .win_three{ position: absolute; width: 135px; text-align: center; font-size: 16px; color: #bfbfbf; }
.win_one{ top: 446px; left: 276px; color: #f8f0c3; }
.win_two{ top: 489px; left: 48px; }
.win_three{ top: 489px; right: 49px; }

/*box2*/
.box2{ position: relative; height: 1012px; background: url(../images/box2.jpg) no-repeat center top; }
.box2_head_rule{ position: absolute; top: 106px; display: table; width: 640px; height: 155px; }
.box2_head_rule ul{ display: table-cell; vertical-align: middle; }
.box2_head_rule li{ position: relative; padding-left: 40px; line-height: 29px; font-weight: bold; font-size: 18px; color: #FFF; }
.box2_head_rule li:before{ content: ''; position: absolute; top: -7px; left: 0; width: 44px; height: 45px; background: url(../images/box2_head_rule.png) no-repeat 0 0; }
.box2_nav{ position: absolute; top: 273px; width: 617px; }
.box2_nav a{ float: left; width: 188px; height: 107px; margin: 0 -17px; }
.box2_nav a.n1{ background: url(../images/box2_n1.png) no-repeat 0 0; }
.box2_nav a.n2{ background: url(../images/box2_n2.png) no-repeat 0 0; }
.box2_nav a.n3{ background: url(../images/box2_n3.png) no-repeat 0 0; }
.box2_nav a.n4{ background: url(../images/box2_n4.png) no-repeat 0 0; }
.box2_nav a.on{ background-position: 0 -107px; }
.box2_content{ position: absolute; top: 437px; width: 600px; height: 390px; padding-right: 20px; line-height: 33px; font-size: 20px; color: #f8f0c3;overflow-x: hidden; overflow-y: auto; }
.box2_content .content{ display: none; }
.box2_content .col1{ color: #ffd26f; }

/*box3*/
.box3{ position: relative; height: 873px; background: url(../images/box3.jpg) no-repeat center top; }
.box3_swiper_pic{ position: absolute; top: 124px; width: 635px; height: 406px; background: url(../images/box3_swiper.png) no-repeat 0 0; }
.box3_swiper_pic .swiper-container{ position: absolute; top: 8px; left: 9px; width: 618px; height: 391px; }
.box3_swiper_pic .swiper-slide img{ display: block; width: 618px; height: 391px; }
.box3_swiper_pic_pagination{ position: absolute; bottom: -50px; left: 50%; transform: translate(-50%, 0); white-space: nowrap; height: 58px; text-align: center; background: url(../images/box3_swiper_pic_pagination.png) repeat-x center 20px; }
.box3_swiper_pic_pagination .swiper-pagination-bullet{ width: 47px; height: 48px; margin: 0 10px; opacity: 1; background: url(../images/box3_swiper_pic_bullet.png) no-repeat 0 0; }
.box3_swiper_pic_pagination .swiper-pagination-bullet-active{ background-position: 0 -48px; }
.box3_news{ position: absolute; top: 590px; width: 617px; }
.box3_news li{ position: relative; height: 40px; line-height: 40px; padding-left: 1em; border-bottom: 1px solid #6e90a9; font-size: 20px; color: #f8f0c3; }
.box3_news li:before{ content: ''; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); width: 4px; height: 4px; border-radius: 4px; background: #d2d9e1; }
.box3_news li a{ display: inline-block; width: 450px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #f8f0c3; }

/*box4*/
.box4{ position: relative; height: 240px; background: url(../images/box4.jpg) no-repeat center top; }
.box4_logo{ position: absolute; top: 120px; width: 750px; }
.box4_logo li{ float: left; display: table; width: 200px; height: 80px; margin: 25px; margin-top: 0; }
.box4_logo li p{ display: table-cell; vertical-align: middle; text-align: center; }
.box4_logo li img{ display: block; max-width: 100%; max-height: 100%; margin: 0 auto; }

/**************************************************************************/
/*话题讨论*/
.discuss_box1{ position: relative; height: 1168px; background: url(../images/discuss_box1.jpg) no-repeat center top; }
.discuss_n1{ position: absolute; top: 618px; left: 33px; width: 201px; height: 358px; background: url(../images/discuss_n1.png) no-repeat 0 0; }
.discuss_n1.on{ background-position: -201px 0; }
.discuss_n2{ position: absolute; top: 664px; left: 182px; width: 212px; height: 359px; background: url(../images/discuss_n2.png) no-repeat 0 0; }
.discuss_n2.on{ background-position: -212px 0; }
.discuss_n3{ position: absolute; top: 618px; left: 350px; width: 202px; height: 358px; background: url(../images/discuss_n3.png) no-repeat 0 0; }
.discuss_n3.on{ background-position: -202px 0; }
.discuss_n4{ position: absolute; top: 664px; left: 500px; width: 214px; height: 359px; background: url(../images/discuss_n4.png) no-repeat 0 0; }
.discuss_n4.on{ background-position: -214px 0; }

/**************************************有奖竞猜************************************/
/*guessing_box1*/
.guessing_box1{ position: relative; height: 2157px; background: url(../images/guessing_box1.jpg) no-repeat center top; }
.team_top10{ position: absolute; top: 385px; width: 100%; height: 641px; }
.guessing_rule_btn, .exchange_reward_btn{ position: absolute; top: 19px; width: 140px; height: 43px; }
.guessing_rule_btn{ right: 207px; background: url(../images/guessing_rule_btn.png) no-repeat 0 0; }
.exchange_reward_btn{ right: 56px; background: url(../images/exchange_reward_btn.png) no-repeat 0 0; }
.top10_list{ margin: 200px auto 0 auto; width: 656px; }
.top_team{ width: 656px; height: 33px; line-height: 33px; margin-bottom: 9px; background: url(../images/top_team.png) no-repeat 0 0; }
.team_num{ width: 29px; height: 33px; text-align: center; font-weight: bold; font-size: 16px; color: #ffefc8; }
.team_name{ margin-left: 11px; width: 129px; height: 33px; text-align: center; font-weight: bold; font-size: 19px; color: #f8f0c3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.team_server{ width: 117px; height: 33px; font-size: 14px; color: #f8f0c3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.team_progress{ width: 370px; height: 33px; }
.team_progress_curr{ height: 33px; text-align: right; background: #811627; }
.team_progress_num{ padding-right: 10px; font-size: 16px; color: #f8f0c3; }
.vote_team_box{ position: absolute; top: 1026px; width: 100%; }
.vote_team_nav{ width: 683px; height: 53px; margin: 0 auto; text-align: center; background: url(../images/vote_team_nav.png) no-repeat center 31px; }
.vote_team_nav a{ position: relative; display: inline-block; width: 157px; height: 37px; margin: 0 5px; background: url(../images/vote_team_a.png) no-repeat; }
.vote_team_nav a.n1{ background-position: -4px -2px; }
.vote_team_nav a.n1.on{ background-position: -4px -49px; }
.vote_team_nav a.n2{ background-position: -174px -2px; }
.vote_team_nav a.n2.on{ background-position: -174px -49px; }
.vote_team_nav a.n3{ background-position: -344px -2px; }
.vote_team_nav a.n3.on{ background-position: -344px -49px; }
.vote_team_nav a.n4{ background-position: -513px -2px; }
.vote_team_nav a.n4.on{ background-position: -513px -49px; }
.vote_team_nav a:after{ position: absolute; content: ''; bottom: -12px; left: 50%; transform: translate(-50%, 0); width: 36px; height: 26px; background: url(../images/game_step_nav_after.png) no-repeat 0 0; }
.vote_team_info{ position: absolute; top: 83px; width: 193px; height: 52px; line-height: 52px; background: url(../images/vote_team_info.png) no-repeat 0 0; }
.vote_team_txt, .vote_team_curr, .vote_team_total{ position: absolute; top: 0; height: 66px; text-align: center; font-size: 19px; color: #ffefc8; }
.vote_team_txt{ left: 0; width: 133px; }
.vote_team_curr{ left: 133px; font-weight: bold; font-size: 23px; }
.vote_team_total{ left: 160px; }
.vote_team_sel{ position: absolute; top: 90px; right: 40px; width: 109px; height: 32px; background: url(../images/vote_team_sel.png) no-repeat 0 0; border: none; font-size: 18px; color: #ffefc8; }
.vote_team_sel option{ background: #2e548e; }
.sel_all_team{ position: absolute; top: 168px; width: 696px; }
.sel_team_box{ position: relative; width: 208px; height: 172px; margin: 0 12px 35px 12px; }
.sel_team_box_info{ position: relative; width: 208px; height: 104px; padding-top: 20px; text-align: center; background: url(../images/sel_team_box.png) no-repeat 0 0; color: #f8f0c3; }
.win .sel_team_box_info:after{ position: absolute; content: ''; bottom: -20px; right: -20px; width: 68px; height: 71px; background: url(../images/promotion.png) no-repeat 0 0; }
.sel_team_name{ padding: 0 15px; font-weight: bold; font-size: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sel_team_server{ padding: 0 15px; font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vote_sel_btn{ position: absolute; bottom: 0; width: 165px; height: 39px; background: url(../images/vote_sel_btn.png) no-repeat 0 0; }
.vote_sel_btn.on{ background-position: 0 -39px; }
.sel_team_page{ position: absolute; top: 992px; left: 0; width: 100%; text-align: center; font-size: 18px; }
.sel_team_page a, .sel_team_page span{ margin: 0 10px; color: #ffefc8; }
.sel_team_page .jp-current{ color: #F00; }

/*guessing_box2*/
.guessing_box2{ position: relative; height: 2345px; background: url(../images/guessing_box2.jpg) no-repeat center top; }
.exchange_info{ position: absolute; top: 103px; width: 660px; line-height: 29px; font-size: 20px; color: #f8f0c3; }
.residue_integral{ position: absolute; top: 187px; width: 300px; text-align: center; font-size: 25px; color: #f8f0c3; }
.residue_integral strong{ font-size: 30px; vertical-align: -3px; }
.exchange_log_btn{ position: absolute; top: 180px; right: 33px; width: 142px; height: 43px; background: url(../images/exchange_log_btn.png) no-repeat 0 0; }
.exchange_list_box{ position: absolute; top: 267px; width: 699px; }
.exchange_iteam{ width: 233px; margin-bottom: 30px; }
.exchange_iteam:last-child{ margin-left: 230px; }
.exchange_pic{ position: relative; width: 209px; height: 318px; margin: 0 auto; background: url(../images/exchange_iteam.png) no-repeat 0 0; }
.exchange_pic img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 90%; max-height: 90%; }
.exchange_btn{ display: block; margin: 15px auto; width: 210px; height: 50px; background: url(../images/exchange_btn.png) no-repeat 0 0; }
.exchange_btn.on{ background-position: 0 -50px; }
.exchange_iteam_info{ text-align: center; color: #f8f0c3; }
.exchange_iteam_info dt{ font-weight: bold; font-size: 23px; }
.exchange_iteam_info dd{ font-size: 20px; }

/**************************************直播回看************************************/
/*live_box1*/
.live_box1{ position: relative; height: 1180px; background: url(../images/live_box1.jpg) no-repeat center top; }
.live2_box1{ position: relative; height: 1066px; background: url(../images/live2_box1.jpg) no-repeat center top; }
.video_boxs{ position: absolute; top: 426px; left: 27px; width: 688px; }
.videos_nav{ width: 688px; height: 58px; margin: 0 auto; text-align: center; background: url(../images/game_step_nav.png) no-repeat 0 0; }
.videos_nav_hf{ width: 663px; height: 73px; background: url(../images/videos_nav_hf.png) no-repeat center bottom; }
.videos_nav a{ display: inline-block; position: relative; margin: 0 1px; width: 135px; text-align: center; font-size: 23px; color: #f8f0c3; user-select: none; }
.videos_nav_zb a{ height: 55px; line-height: 55px; }
.videos_nav_hf a{ width: 169px; height: 63px; padding-top: 8px; line-height: 28px; font-weight: bold; }
.videos_nav_hf a span{ font-weight: normal; font-size: 20px; }
.videos_nav a:last-child:before{ display: none; }
.videos_nav a.on{ background: url(../images/game_step_n.png) no-repeat 0 0; color: #FFF; }
.videos_nav_hf a.on{ background: url(../images/videos_nav_a.png) no-repeat 0 0; }
.videos_nav a:before, .videos_nav a:after{ content: ''; position: absolute; }
.videos_nav a:before{ top: 50%; transform: translate(0, -50%); right: -2px; width: 2px; height: 34px; background: rgba(255,255,255,0.3); }
.videos_nav a:after{ bottom: -12px; left: 50%; transform: translate(-50%, 0); width: 36px; height: 26px; background: url(../images/game_step_nav_after.png) no-repeat 0 0; }
.videos_zb_contents{ position: absolute; top: 174px; left: 7px; width: 672px; height: 433px; background: #000; }
.videos_content{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; }
.videos_content video{ width: 100%; height: 100%; /*object-fit: cover;*/ }
.live2_date{ display: none; }
.live2_way1{ margin-top: 20px; border-bottom: 1px dashed #988c74; }
.live2_way dt{ width: 150px; padding-top: 27px; text-align: center; }
.live2_way dd{ width: 530px; }
.live2_way dd a{ display: inline-block; margin: 15px 7px; width: 247px; height: 67px; line-height: 67px; text-align: center; background: url(../images/live2_a.png) no-repeat 0 0; font-weight: bold; font-size: 21px; color: #FFF; }

/*live_box2*/
.live_box2{ position: relative; height: 842px; background: url(../images/live_box2.jpg) no-repeat center top; }
.live2_box2{ position: relative; height: 832px; background: url(../images/live2_box2.jpg) no-repeat center top; }
.live_users{ position: absolute; top: 156px; width: 680px; }
.live_users li{ width: 170px; height: 314px; text-align: center; color: #f8f0c3; }
.live_users li:nth-child(1), .live_users li:nth-child(2), .live_users li:nth-child(3){ width: 200px; }
.live_users li:first-child{ margin-left: 40px; }
.live_users li img{ display: block; margin: 0 auto; }
.live_users .name{ margin: 10px 0 5px 0; font-weight: bold; font-size: 25px; }
.live_users .room{ line-height: 26px; font-size: 20px; }

/*reward_box1*/
.reward_box1{ position: relative; height: 1649px; background: url(../images/reward_box1.jpg) no-repeat center top; }
.reward_flex{ position: absolute; top: 399px; width: 100%; height: 1198px; }
.reward_row{ width: 750px; display: flex; justify-content: center; }
.reward_row.row1{ margin-top: 87px; }
.reward_row.row2{ margin-top: 63px; }
.reward_row.row3{ margin-top: 63px; }
.reward_item{ position: relative; width: 299px; height: 299px; margin: 0 19px; background: url(../images/reward_item.png) no-repeat 0 0; }
.item_pic0{ position: absolute; bottom: 150px; width: 240px; }
.item_pic1{ position: absolute; top: 10px; left: 50px; width: 60px; }
.item_pic2{ position: absolute; top: 10px; right: 50px; width: 60px; }
.item_pic3{ position: absolute; top: 70px; width: 231px; }
.item_p1, .item_p2{ position: absolute; width: 100%; text-align: center; color: #f8f0c3; }
.item_p1{ bottom: 116px; font-size: 20px; }
.item_p2{ bottom: 74px; font-size: 30px; }

/*弹窗：视频*/
.prompt{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); display: none; z-index: 10; }
.popbox{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 750px; height: 440px; background: #000; }
#prompt_video .closeBtn{ top: auto; bottom: -80px; right: auto; left: 50%; transform: translate(-50%, 0); }
#prompt_video video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }

/*弹窗：绑定游戏角色*/
.prompt{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); display: none; z-index: 10; }
.promptbox{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 606px; height: 745px; background: url(../images/promptbox.png) no-repeat 0 0; }
.closeBtn{ position: absolute; top: 0; right: -50px; width: 66px; height: 66px; background: url(../images/closeBtn.png) no-repeat 0 0; }
.poptit{ display: block; margin: 74px auto 0 auto; }
#server, #role{ display: block; width: 380px; height: 74px; background: #FFF; border: 1px solid #97b0da; font-size: 18px; color: #6e6e6e; }
#server{ margin: 110px auto 15px auto; }
#role{ margin: 0 auto 74px auto; }
.submit_btn{ display: block; margin: 0 auto; width: 353px; height: 83px; background: url(../images/submit_btn.png) no-repeat 0 0; cursor: pointer; }
/*弹窗：我的奖品*/
.mypreBox{ width: 480px; margin: 108px auto 0 auto; }
.mypreBox table{ width: 100%; }
.mypreBox td{ padding: 0 5px; word-break: break-all; }
.mypreBox td:nth-child(1){ width: 110px; }
.mypreBox thead td{ font-weight: bold; font-size: 24px; color: #FFF; }
.mypreBox tbody td{ height: 65px; border-bottom: 1px solid #5fd6ff; font-size: 18px; color: #5fd6ff; }
.popCopyBtn, .popMailBtn{ display: inline-block; width: 126px; height: 42px; line-height: 42px; text-align: center; background: url(../images/mypreBox_edit.png) no-repeat 0 0; font-size: 20px; color: #fbf8f4; }
.mypreBoxList{ height: 300px; overflow-x: hidden; overflow-y: auto; }
.mypreBoxList::-webkit-scrollbar{ width: 6px; border-radius: 6px; background: #f1f1f1; }
.mypreBoxList::-webkit-scrollbar-thumb{ background-color: #2cd0ff; border-radius: 6px; }

/*弹窗：邮寄信息*/
.address_head{ width: 500px; margin: 30px auto 40px auto; text-align: center; line-height: 30px; font-size: 20px; color: #FFF; }
.address_input{ display: block; margin: 0 auto 20px auto; width: 380px; height: 45px; line-height: 45px; text-align: center; background: #FFF; border: 1px solid #97b0da; font-size: 18px; color: #6e6e6e; }
#saveInfo{ margin-top: 38px; }
.address_tip{ margin-top: 30px; text-align: center; font-size: 16px; color: #FFF; }

/*弹窗：竞猜规则*/
.guessing_rule_content{ width: 470px; height: 400px; margin: 65px auto 0 auto; overflow-x: hidden; overflow-y: auto; }
.guessing_rule_content ul{ margin-bottom: 10px; line-height: 32px; font-size: 20px; color: #FFF; }
.guessing_rule_content::-webkit-scrollbar{ width: 6px; border-radius: 6px; background: #f1f1f1; }
.guessing_rule_content::-webkit-scrollbar-thumb{ background-color: #2cd0ff; border-radius: 6px; }

/*弹窗：小组赛入选名单*/
.prompt_enter_content{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 683px; height: 543px; margin-left: -30px; background: url(../images/prompt_enter_content.png) no-repeat 0 0; }
.prompt_enter_content .poptit{ margin-top: 50px; }
.enter_list{ width: 525px; height: 300px; margin: 30px auto 0 auto; overflow-x: hidden; overflow-y: auto; }
.enter_list::-webkit-scrollbar{ width: 6px; border-radius: 6px; background: #f1f1f1; }
.enter_list::-webkit-scrollbar-thumb{ background-color: #2cd0ff; border-radius: 6px; }
.enter_list dl{ margin-bottom: 20px; }
.enter_list dt{ float: left; width: 100%; }
.enter_list dt p{ padding: 0 10px; width: 119px; height: 42px; line-height: 42px; text-align: center; background: url(../images/enter_list_dt.png) no-repeat 0 0; font-weight: bold; font-size: 21px; color: #2cd0ff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.enter_list dd{ float: left; width: 25%; height: 38px; line-height: 38px; font-size: 18px; color: #FFF; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }