@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; object-fit: cover; }
input, textarea, select{ outline: none; border-radius: 0;}
input::-ms-clear{display:none;}
ol,ul{list-style:none;}
a{ text-decoration:none; outline:none; cursor: pointer;}
.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;}
/* 去除点击选项卡时出现的蓝色边框 */
/*.swiper-pagination .swiper-pagination-bullet:focus{ outline: none; }*/
/* 去除点击选项卡时出现的蓝色背景 */
/*.swiper-pagination-clickable .swiper-pagination-bullet{ cursor: auto; }*/
.swiper-pagination-bullet:focus,
.swiper-button-prev:focus,
.swiper-button-next:focus{ outline: none; }

.wmgameFooter{ width: 750px;}
body{ -webkit-text-size-adjust: 100%; }
.wrap{ position: relative; width: 750px; background: #313d49 url(../images/bg.jpg) no-repeat center top;}

/*通调头*/
.fixed_top{ position: fixed; top: 0; padding: 0 27px; box-sizing: border-box; width: 750px; height: 100px; background: #303030; display: flex; justify-content: space-between; align-items: center; z-index: 2;}
.fixed_top dl{ display: flex; justify-content: space-between; align-items: center;}
.fixed_top dt img{ margin-right: 13px; width: 75px; height: 75px;}
.fixed_top dd{ font-size: 18px; color: #c8a965;}
.fixed_top .name{ font-size: 30px;}
.fixed_top .btns a{display: inline-block; width: 70px; height: 39px; margin: 0 7px;}
.fixed_top .website{ background: url(../images/website.png) no-repeat 0 0;}
.fixed_top .down{ background: url(../images/down.png) no-repeat 0 0;}

/* 悬浮导航 */
.fixed_nav{ position: fixed; bottom: 0; width: 750px; height: 67px; background: #151a20; display: flex; justify-content: center; align-items: flex-start; z-index: 2;}
.fixed_nav a{ position: relative; width: 25%; height: 100%;}
.fixed_nav span{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 18px; color: #d7bb61;}
.fixed_nav a.on::before{ content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 82px; background: url(../images/fixed_nav.png) no-repeat 0 0;}
.fixed_nav a.on span{ color: #161b23;}

/* header */
.header{ position: relative; height: 1119px;}
.loginBox{ position: absolute; top: 117px; left: 40px; font-size: 20px; color: #303030;}
.logo{ position: absolute; top: 109px; right: 23px;}
.slogan{ position: absolute; top: 779px;}

/* 近期赛程 */
.box1{ position: relative; height: 1121px;}
.box1_tit{ height: 192px; background: url(../images/box1_tit.png) no-repeat center top;}
.box1Wrap{ position: absolute; top: 420px; width: 727px; height: 386px; background: url(../images/box1Wrap.png) no-repeat 0 0;}
.box1_subBox{ position: absolute; width: 234px; height: 342px; background: url(../images/box1_subBox.png) no-repeat 0 0;}
.box1_subBox1{ top: -156px; left: -2px;}
.box1_subBox2{ top: -156px; left: 233px;}
.box1_subBox3{ top: -156px; left: 469px;}
.box1_subBox4{ top: 219px; left: 381px;}
.box1_subBox5{ top: 219px; left: 112px;}
.box1_subTit{ position: absolute; top: 36px;}
.box1_infoBtn{ position: absolute; top: 80px; width: 101px; height: 31px; background: url(../images/box1_infoBtn.png) no-repeat 0 0;}
.box1_infoBox{ position: absolute; top: 200px; width: 230px; text-align: center; font-size: 12px;}
.box1_infoBox .date, .box1_infoBox .date2{ width: 220px; line-height: 18px; color: #f3e7b7; display: flex; justify-content: center; align-items: center;}
.box1_infoBox .date{ margin-bottom: 20px; height: 49px; background: url(../images/box1_date1.png) no-repeat center center;}
.box1_infoBox .date2{ margin-bottom: -6px; height: 103px; background: url(../images/box1_date2.png) no-repeat center center;}
.box1_infoBox .des{ line-height: 18px; color: #9ae2e9;}
.box1Tip{ position: absolute; top: 1020px; left: 0; width: 100%; text-align: center; font-size: 18px; color: #f95c5a;}

/* 战况 */
.placeholderMap{ display: block; margin: 0 auto 15px auto; width: 730px;}
.box2{ position: relative; height: 1977px; overflow: hidden;}
.team_tab{ width: 716px; height: 244px; margin: 0 auto;}
.team_tab span{ float: left; width: 155px; height: 50px; margin: 0 12px;}
.tab1{ background: url(../images/tab1.png);}
.tab2{ background: url(../images/tab2.png);}
.tab3{ background: url(../images/tab3.png);}
.tab4{ background: url(../images/tab4.png);}
.team_tab span.tab5{ width: 331px; height: 73px; margin: 24px 0 0 193px; background: url(../images/tab5.png);}
.tab1.on{ background: url(../images/tab1_on.png);}
.tab2.on{ background: url(../images/tab2_on.png);}
.tab3.on{ background: url(../images/tab3_on.png);}
.tab4.on{ background: url(../images/tab4_on.png);}
.team_tab span.tab5.on{ background: url(../images/tab5_on.png);}

.box2_cont{ display: none; position: relative; width: 750px; height: 1733px;}
.box2_cont1{display: block;}
.box2_th{ position: absolute; width: 103px; left: 0; top: -32px;}
.team_table1{ position: absolute; width: 577px; height: 1232px; left: 106px; top: 0; background: url(../images/box2_cont1.png);}

.box2 dl{ position: absolute; width: 64px; display: flex;}
.box2 dl.teamName2{ width: 265px; display: block;}
.box2 dt, .box2 dd{ padding: 0 8px; box-sizing: border-box; width: 32px; height: 150px; line-height: 18px; font-size: 16px; display: flex; align-items: center; }
.box2 dl.teamName2 dt, .box2 dl.teamName2 dd{ padding: 0 15px; width: 100%; height: 68px; line-height: 68px; font-size: 36px; display: block;}
.box2 dt{ position: relative; writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; -ms-writing-mode: vertical-rl; color: #95dfe5; } 
.box2 dl.teamName2 dt{ writing-mode: horizontal-tb; -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; }
.box2 .win dt{ padding: 0; background-position: -32px 0; color: #1a1d23; white-space: nowrap;}
.box2 dl.teamName2.win dt{ padding: 0 5px; background-position: 0 -68px;}
.upTeamName dt{ position: relative; padding-top: 20px; justify-content: flex-start; background: url(../images/upTeamName.png) no-repeat 0 0;}
.upTeamName2 dt{ padding-top: 0; background: url(../images/upTeamName2.png) no-repeat 0 0; background-size: 100% auto;}
.upTeamName dt::after{ content: ""; position: absolute; bottom: -22px; left: 50%; margin-left: -22px; width: 44px; height: 45px; background: url(../images/pk1.png) no-repeat 0 0; z-index: 1; }
.upTeamName2 dt::after{ content: ""; position: absolute; right: -45px; top: 50%; margin-top: -45px; width: 91px; height: 91px; background: url(../images/pk2.png) no-repeat 0 0; z-index: 1;}
.upTeamName.win dt::before{ content: "胜"; padding: 10px 0; font-size: 13px; color: #bf7c5e;}
.upTeamName2.win dt::before{ content: "胜"; padding: 0 10px; font-size: 27px; color: #bf7c5e;}
.downTeamName dt{ padding-bottom: 20px; justify-content: flex-end; background: url(../images/downTeamName.png) no-repeat 0 0;}
.downTeamName2 dt{ text-align: right; padding-bottom: 0; background: url(../images/downTeamName2.png) no-repeat 0 0;}
.downTeamName.win dt::after{ content: "胜"; padding: 10px 0; font-size: 13px; color: #bf7c5e;}
.downTeamName2.win dt::after{ content: "胜"; padding: 0 10px; font-size: 27px; color: #bf7c5e;}
.box2 dd{ writing-mode: vertical-lr; -webkit-writing-mode: vertical-lr; -ms-writing-mode: vertical-lr; text-orientation: mixed; -webkit-text-orientation: mixed; color: #abacae; }
.upTeamName dd{ padding-top: 20px; }
.downTeamName dd{ justify-content: flex-end; padding-bottom: 20px; }
.box2 .teamName2 dd{ text-align: center; writing-mode: horizontal-tb; -webkit-writing-mode:horizontal-tb; }
.top_16_up{ top: 0;}
.top_16_down{ top: 151px;}
.top_8_up{ top: 329px;}
.top_8_down{ top: 479px;}
.top_4_up{ top: 658px;}
.top_4_down{ top: 808px;}
.top_1_up{ top: 1258px;}

.team16_1{ left: 0;}
.team16_2{ left: 68px;}
.team16_3{ left: 164px;}
.team16_4{ left: 232px;}
.team16_5{ left: 329px;}
.team16_6{ left: 397px;}
.team16_7{ left: 493px;}
.team16_8{ left: 561px;}
.team8_1{ left: 35px;}
.team8_2{ left: 199px;}
.team8_3{ left: 362px;}
.team8_4{ left: 526px;}
.team4_1{ left: 121px;}
.team4_2{ left: 445px;}

.team1_1_left{ left: 44px;}
.team1_1_right{ left: 310px;}

.box2_cont5{ height: 1686px; background: url(../images/four_bg.jpg) center top no-repeat;}
.team_table2{ position: absolute; width: 525px; height: 791px; left: 50%; margin-left: -262px; top: -54px; background: url(../images/box2_cont2.png);}
.top_2_up{ top: 214px;}
.down_2_up{ top: 813px;}
.team2_1_left{ left: 7px;}
.team2_1_right{ right: 7px}

.box2 dl.teamName3{ width: 188px; display: block;}
.box2 dl.teamName3 dt, .box2 dl.teamName3 dd{ padding: 0 15px; width: 100%; height: 48px; line-height: 48px; font-size: 25px; display: block;}
.box2 dl.teamName3 dt,.box2 dl.teamName3 dd{ writing-mode: horizontal-tb; -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; }
.box2 dl.teamName3.win dt{ padding: 0 10px; background-position: 0 -48px;background-size: 100% auto;}
.upTeamName3 dt{ padding-top: 0; background: url(../images/upTeamName2.png) no-repeat 0 0; background-size: 100% auto;}
.teamName3.win dt::after{ content: ""; position: absolute; top: 50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); width: 64px; height: 64px; right: -15px; background: url(../images/teamWin.png) no-repeat 0 0; }

.box2_cont5 .top_1_up{ top: 496px}
.box2_cont5 .team1_1_left{ left: -7px;}
.box2_cont5 .team1_1_right{ left: 261px;}

/* 赛事直播 */
.box3{ height: 1526px;}
.box3_tit{ height: 192px; background: url(../images/box3_tit.png) no-repeat center top;}
.liveCont{ width: 677px; margin: 47px auto 0 auto;}
.liveNav{ height: 62px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}
.liveNav a{ width: 50%; height: 100%; background: url(../images/liveNav.png) no-repeat;}
.liveNav a:nth-child(1){ background-position: 0 0;}
.liveNav a:nth-child(2){ background-position: 100% 0;}
.liveNav a:nth-child(1).on{ background-position: 0 100%;}
.liveNav a:nth-child(2).on{ background-position: 100% 100%;}
.liveWindow{ width: 677px; height: 399px; margin: 27px auto 0 auto; background: url(../images/liveWindow.png) no-repeat 0 0; display: flex; justify-content: center; align-items: center;}
.newsCont{ margin: 70px auto 0 auto; width: 657px;}
.newsCont dt{ margin-bottom: 9px;}
.newsCont dd{ height: 66px; background: url(../images/newsLine.png) no-repeat left top; display: flex; align-items: center;}
.newsCont p{ width: 100%; height: 40px; display: flex; justify-content: space-between; align-items: center; font-size: 14px; color: #fff4d6; border-radius: 20px;}
.newsCont dd:nth-child(odd) p{ background: #333e49;}
.newsCont a{ margin-left: 15px; width: 520px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff4d6;}
.newsCont span{ margin-right: 20px;}

/*********** 赛事介绍 ************/
/* 参赛指引 */
.box4{ height: 545px;}
.box4_tit{ height: 192px; background: url(../images/box4_tit.png) no-repeat center top;}
.box4 ul{ margin: 45px auto 0 auto; width: 695px; line-height: 36px; font-size: 18px; color: #fff4d6;}

/* 赛事奖励 */
.box5{ padding-bottom: 120px;}
.box5_tit{ height: 192px; background: url(../images/box5_tit.png) no-repeat center top;}
.box5_cont{ display: block; width: 750px; margin: 60px auto 0 auto;;}
.box5 ul{ margin: 50px auto 0 auto; width: 470px; line-height: 38px; font-size: 18px; color: #fff4d6;}

/*********** 赛事总则 ************/
.box6{ width: 730px; margin: 0 auto; padding: 14px 0 100px 0;}
.box6_subtit{ margin-bottom: 10px;}
.box6_subcont{ margin: 0 0 64px 20px; width: 700px; line-height: 38px; font-size: 18px; color: #fff4d6;}
.pl50{ padding-left: 50px;}
.box6Table1{ margin: 0 auto; border-top: 3px solid rgba(255,255,255,0.15); border-bottom: 3px solid rgba(255,255,255,0.15); border-left: 3px solid rgba(255,255,255,0.15);}
.box6Table1 td{ padding: 0 16px; text-align: center; border-right: 3px solid rgba(255,255,255,0.15); white-space: nowrap;}
.box6Table1 thead td{ height: 30px; background: rgba(255,255,255,0.15);}
.box6Table1 tbody td{ height: 58px;}

/*********** 专服介绍 ************/
.box7{ width: 730px; margin: 0 auto; padding: 14px 0 100px 0;}
.box7_subtit{ margin-bottom: 10px;}
.box7_subcont{ margin: 0 0 64px 20px; width: 700px; line-height: 38px; font-size: 18px; color: #fff4d6;}

/*********** 往期回顾 ************/
.box8{ padding-bottom: 100px;}
.box8_subtit{ margin-bottom: 35px;}
.linkVideo{ display: block; margin: 0 auto; width: 249px; height: 66px; background: url(../images/linkVideo.png) no-repeat 0 0;}
.winShow{ margin: 32px auto 0 auto; width: 692px; height: 420px; background: url(../images/winShow.png) no-repeat 0 0; display: flex; justify-content: center; align-items: center;}
.winShow img{ width: 657px; height: 387px;}