@charset "utf-8";
/* CSS Document */
html{ min-width:1400px;}
html,body{font-size:14px; font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif,\5b8b\4f53;}
/*css-reset*/
html,body,div,ul,ol,li,dl,dt,dd,p,span,em,strong,b,i,h1,h2,h3,h4,form,input,button,textarea,select,option,img,a{ margin:0; padding:0}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;}
html{_filter:expression(document.execCommand("BackgroundImageCache",false,true));}
ul,li,div,dl,dt,dd{list-style:none;}
/*
body table{border-collapse:separate; border-spacing:2px;}
*/
input{outline: none;font-size:14px; font-family:"Microsoft YaHei"}
input::-ms-clear{display:none;}
h1.wm-public{height:0px; line-height:0px; font-size:0px;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
img{border:0;}
font,em{font-style:normal; font-family:\5b8b\4f53;}
label{vertical-align:middle; font-family:tahoma;}
textarea,input{resize:none; outline:none;}
textarea{overflow:auto;}
ins{float:right; text-decoration:none; font-weight:normal;}
.pub_wsp{word-wrap:break-word; word-break:break-all;}
.pub_abso{vertical-align:middle;}
.pub_clr{clear:both;font-size:0;height:0;line-height:0;overflow:hidden;}
.pub_yh{font-family:"Microsoft YaHei";}
.none{display:none;}
/*公用浮动*/
.f_left{ float: left}
.f_right{ float: right}
/*浮动清理*/
.cf:before,.cf:after{content:".";display:block;height:0;visibility:hidden}
.cf:after{clear:both}
.cf{zoom:1}
.swiper{width: 100%; height: 100%;}

body{background-color: #282a2c; max-width: 1920px; margin: 0 auto; overflow-x: hidden;}
.page_index{position: relative; height: 1080px; overflow: hidden; background: url(../images/indexbg.jpg) no-repeat center 0;}
.page_index .wrap{ height:1080px;}

.page_nav{width: 1920px; height: 94px; background: url(../images/page_nav.png) no-repeat center 0; position: absolute; left:50%; margin-left: -960px; top: 0; z-index: 500;}
.navCont{padding: 18px 0 0 0; display: flex; justify-content: center; width: 1300px; margin: 0 auto;}
.navCont a{display: block; width: 139px; height: 53px; background: url(../images/nav_on.png) no-repeat 0 -999px; cursor: pointer; margin: 0 10px;}
.navCont a span{display: block; width: 100%; height: 100%;}
.navCont a.n1 span{background: url(../images/v1.png) no-repeat center;}
.navCont a.n2 span{background: url(../images/v2.png) no-repeat center;}
.navCont a.n3 span{background: url(../images/v3.png) no-repeat center;}
.navCont a.n4 span{background: url(../images/v4.png) no-repeat center;}
.navCont a.n5 span{background: url(../images/v5.png) no-repeat center;}
.navCont a.n6 span{background: url(../images/v6.png) no-repeat center;}
.navCont a.n7 span{background: url(../images/v7.png) no-repeat center;}
.navCont a.n8 span{background: url(../images/v8.png) no-repeat center;}
.navCont a:hover,.navCont a.on{background-position: 0 0;}
.music{width: 42px; height: 42px; background: url(../images/music.png) no-repeat right top; position: absolute; right:58px; top: 24px; cursor: pointer; z-index: 5;}
.music.active{background-position: 0 0;}

.videoMain{width: 1920px;height: 1080px;position: absolute; left: 50%; top: 0; margin-left: -960px;}
.beginVideo4{z-index: 2;}
.beginVideo4,.loopVideo4{width: 1920px;height: 1080px;position: absolute; left: 0; top: 0;}
.beginVideo4 video,.loopVideo4 video{display: block; width: 100%; height: 100%;}
.logo{width: 106px; height: 250px; position: absolute; right: 40px; top: 90px;}
.videoPlay{display: none; width: 68px; height: 56px; background: url(../images/play.png) no-repeat 0 0; cursor: pointer; position: absolute; left: 1315px; top: 652px; z-index: 100;}

.boxMain{width: 1025px; margin: 0 auto;}
.boxTop{height: 39px; background: url(../images/box_top.png) no-repeat 0 0;}
.boxmid{min-height: 200px; background: url(../images/box_mid.png) repeat-y 0 0; padding-bottom: 100px;}
.boxfot{height: 39px; background: url(../images/box_fot.png) no-repeat 0 0;}

.sub_nav{height: 80px; display: flex; justify-content: center;}
.sub_nav a{display: block; width: 177px; height: 52px; cursor: pointer; margin: 0 6px; overflow: hidden; text-indent: -9999px;}
.sub_nav a.a1{background: url(../images/ruleTab1.png) no-repeat 0 0;}
.sub_nav a.a2{background: url(../images/ruleTab2.png) no-repeat 0 0;}
.sub_nav a.a3{background: url(../images/ruleTab3.png) no-repeat 0 0;}
.sub_nav a.a4{background: url(../images/ruleTab4.png) no-repeat 0 0;}
.sub_nav a.a5{background: url(../images/ruleTab5.png) no-repeat 0 0;}
.sub_nav a:hover,.sub_nav a.on{background-position: 0 bottom;}


.wrap{position: relative; width: 1200px; margin: 0 auto;}
.page_inside{ position:relative; min-height: 1055px; padding-bottom: 200px; background:#27201b url(../images/temp.jpg) no-repeat center 0;}
.page_inside .header{ position: relative; height: 286px; }
.page_inside .header .nav{ position: absolute; bottom: 15px; left: 0; width: 100%; text-align: center; }
.page_inside .header .nav a{ display: inline-block; width: 110px; height: 112px; margin: 0 7px; }
.page_inside .header .nav a.n1{ background: url(../images/index_btn1.png) no-repeat 0 0; background-size: 100% auto; }
.page_inside .header .nav a.n2{ background: url(../images/index_btn2.png) no-repeat 0 0; background-size: 100% auto; }
.page_inside .header .nav a.n3{ background: url(../images/index_btn3.png) no-repeat 0 0; background-size: 100% auto; }
.page_inside .header .nav a.n4{ background: url(../images/index_btn4.png) no-repeat 0 0; background-size: 100% auto; }
.page_inside .header .nav a.n5{ background: url(../images/index_btn5.png) no-repeat 0 0; background-size: 100% auto; }
.page_inside .header .nav a.n6{ background: url(../images/index_btn6.png) no-repeat 0 0; background-size: 100% auto; }
.page_inside .header .nav a.n7{ background: url(../images/index_btn7.png) no-repeat 0 0; background-size: 100% auto; }
.page_inside .header .nav a.n8{ background: url(../images/index_btn8.png) no-repeat 0 0; background-size: 100% auto; }
.go_index{ position: absolute; top: 48px; left: 103px; width: 127px; height: 37px; background:url(../images/go_index.png) no-repeat 0 0; }
.page_inside .main{ position: relative; margin: 0 auto; width: 1000px; min-height: 600px;}
.page_inside .main .tit{ width: 926px; height: 60px; line-height: 48px; text-align: center; background: url(../images/rule_tit.png) no-repeat center center; font-size: 36px; color: #92655e; font-weight: bold;position: absolute;top:-80px;left: 50%;margin-left: -463px;}

.page_inside .main .tit-news{top:20px;}

/* page_rule */
.page_rule .content{padding: 0 40px 40px 40px; font-size: 16px; color: #666; line-height: 32px; display: none;}
.page_rule .content img{max-width: 100%;}
.ruleTitle{height: 60px; line-height: 60px; text-align: center; font-size: 36px; color: #92655e; font-weight: bold; background: url(../images/titleback.png) no-repeat center;  margin-bottom: 30px;}
.ruleScroll{width: 100%; height: 700px; overflow: hidden; overflow-y: auto;}
.ruleScroll::-webkit-scrollbar{width:6px;height:6px;background-color:rgba(0,0,0,0);}
.ruleScroll::-webkit-scrollbar-track{border-radius:0;background-color:rgba(255,190,106,0.2);}/*底*/
.ruleScroll::-webkit-scrollbar-thumb{border-radius:0;background-color:#9c2e28;}/*面*/
.ruleScroll::-webkit-scrollbar-thumb:hover{background-color:rgba(143,143,148,1);}
.ruleScroll::-webkit-scrollbar-thumb:active{background-color:rgba(106,106,112,1);}
.ruleScroll::-webkit-scrollbar-track-piece{margin:0;}

/* page_teams */
.duiCont{width: 910px; margin: 0 auto;}
.duiSelect{float: right; width: 610px; height: 32px;}
.duiSelect a.searchBtns{float: right; width: 68px; height: 32px; line-height: 32px; background: url(../images/logout.png) no-repeat 0 0; text-align: center; color: #FFF; font-size: 16px; cursor: pointer;}
.duiSli{float: left; width: 268px; height: 32px;}
.duiSli span{float: left; line-height: 32px; font-size: 16px; width: 90px; text-align: right;}
.duiSli select{float: right; width: 178px; height: 32px; font-size: 16px; outline: none;}
.listTitle{height: 50px; line-height: 50px;}
.listTitle span{float: left; background: url(../images/icon3.png) no-repeat 0 center; padding: 0 0 0 40px; font-size: 24px; color: #1f1e1e; font-weight: bold;}
.listTitle a{float: right; background: url(../images/icon4.png) no-repeat 0 center; padding: 0 0 0 40px; font-size: 24px; color: #b47842; font-weight: bold; cursor: default;}
.listTitle a.i5{background: url(../images/icon5.png) no-repeat 0 center; padding: 0 0 0 30px; font-weight: normal;}
.listTitle a.n{background: none; font-weight: normal; padding: 0;}
.listpel{background: #e9e9e9; padding: 20px 0 60px 0;}
.listpel ul{width: 880px; margin: 0 auto;}
.listpel li{float: left; width: 200px; height: 35px; line-height: 35px; background: #cfcfcf; position: relative; margin: 0 10px 15px 10px;}
.listpel li img{float: left; width: 35px; height: 35px;}
.listpel li a{float: left; width: 165px; line-height: 35px; font-size: 14px; color: #595959; text-align: center;}
.page{text-align:center; color:#a49191; padding:40px 0 0 0;}
.page a,.page span{display:inline-block; padding:4px 10px; margin:0 3px; text-align:center; color:#fff; background-color:#2d2323; }
.page a.active, .page span.active{color:#fff; font-weight:bold; background-color:#dd2e11; }

/* page_area */
.page_area .main{width: 950px; text-align: center; overflow:hidden;}
.area_nav{background: url(../images/s1.png) no-repeat 0 0; height: 300px; padding: 0 0 0 127px; display: flex;}
.area_nav a{display:block; width: 101px; height: 219px; background: url(../images/area_bg.png) no-repeat 0 0; margin-left: -13px;}
.area_nav a span{display: block; width: 100%; height: 100%;}
.area_nav a.n0 span{background: url(../images/area_0.png) no-repeat center;}
.area_nav a.n1 span{background: url(../images/area_1.png) no-repeat center;}
.area_nav a.n2 span{background: url(../images/area_2.png) no-repeat center;}
.area_nav a.n3 span{background: url(../images/area_3.png) no-repeat center;}
.area_nav a.n4 span{background: url(../images/area_4.png) no-repeat center;}
.area_nav a.n5 span{background: url(../images/area_5.png) no-repeat center;}
.area_nav a.n6 span{background: url(../images/area_6.png) no-repeat center;}
.area_nav a.n7 span{background: url(../images/area_7.png) no-repeat center;}
.area_nav a.n8 span{background: url(../images/area_8.png) no-repeat center;}
.area_nav a:hover{background-position: 0 bottom;}


.level_btn{background: url(../images/s2.png) no-repeat 0 0; padding: 0 0 0 143px;}
.levelMain,.levelFot{width: 760px;}
.levelTop{padding: 18px 0 0 0; height: 116px;}
.levelTop a{display: block; width: 373px; height: 81px; cursor: pointer; overflow: hidden; text-indent: -9999px;}
.levelTop a.s3{float: left; background: url(../images/s3.png) no-repeat 0 0;}
.levelTop a.s4{float: right; background: url(../images/s4.png) no-repeat 0 0;}
.levelTop a:hover{background-position: 0 bottom;}
.levelTop a.on{-webkit-filter: grayscale(100%);filter: grayscale(100%); cursor: default;}
.levelTop a.on:hover{background-position: 0 0; cursor: default;}

.levelFot span{display: block; height: 50px; background:url(../images/arrow_dowm.png) no-repeat center;}
.levelFot a{display: block; width: 746px; height: 65px; margin: 0 auto; background: url(../images/level_bg.png) no-repeat 0 0;}
.levelFot a strong{display: block; width: 100%; height: 100%;}
.levelFot a.n1 strong{background:url(../images/level1_btn.png) no-repeat center;}
.levelFot a.n2 strong{background:url(../images/level2_btn.png) no-repeat center;}
.levelFot a.n3 strong{background:url(../images/level3_btn.png) no-repeat center;}
.levelFot a.n4 strong{background:url(../images/level4_btn.png) no-repeat center;}
.levelFot a:hover{background-position: 0 bottom;}
.levelFot a.on,.levelFot a.on:hover{-webkit-filter: grayscale(100%);filter: grayscale(100%); cursor: default; background-position: 0 0;}


/* page_live */
.page_live .main{ padding: 45px 0 50px 0; }
.page_live .live{ width: 716px; height: 496px; margin: 35px auto 0 auto; }
.live_vs{ padding: 24px 0 29px 0; text-align: center; }
.live_vs a{ display: inline-block; margin: 0 7px; width: 217px; height: 45px; line-height: 45px; text-align: center; background: url(../images/live_vs.png) no-repeat; color: #d29725; overflow: hidden; }
.live_vs a:hover, .live_vs a.on{ background-position: 0 -45px; color: #FFF; }
.live_vs a i{ float: left; display: block; width: 30px; font-style: normal; font-size: 18px; }
.live_vs a span{ float: left; width: 83px; padding: 0 5px; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; overflow: hidden; font-size: 12px;}
.more_live{ display: block; margin: 0 auto; width: 303px; height: 51px; line-height: 51px; text-align: center; background: url(../images/more_live.png) no-repeat 0 0; font-weight: bold; font-size: 18px; color: #FFF; }
.live_info{ display: block; margin: 43px auto 0 auto; }



/* page_draw */
.chCont{width: 910px; margin: 0 auto;}
.chTitle{height: 32px; line-height: 32px; margin-bottom: 32px;}
.chTitle strong{float: left; font-size: 30px; color: #000;}

.loginDiv,.logoutDiv{display: none;}
.loginDiv{padding-top: 240px;}
.login{display: block; width: 230px; height: 60px; line-height: 60px; background: url(../images/login.png) no-repeat 0 0; text-align: center; color: #FFF; font-size: 24px; font-weight: bold; margin: 0 auto; cursor: pointer;}
.login:hover{background-position: 0 -60px;}
.logout{float: right; width: 68px; height: 32px; line-height: 32px; background: url(../images/logout.png) no-repeat 0 0; text-align: center; color: #FFF; font-size: 16px; cursor: pointer;}

.statusDiv1{text-align: center; font-size: 30px; padding-top: 200px; line-height: 50px;}
.statusDiv1 a{color: #fa9b2f;}

.isLeader{height: 472px; position: relative;}
.zhongMsg{text-align: center; z-index: 10; font-size: 30px; line-height: 50px; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #FFF; display: none;}
.zhongMsg span{display: block; text-align: center; padding-top: 110px;}




.chServer{background: #f1f1f1; height: 32px; line-height: 32px; display: flex; justify-content: center; font-size: 16px; color: #000; margin-bottom: 10px;}
.chServer div{margin: 0 10px;}
.listTips{font-size: 16px; height: 30px; color: #F00;}

.chTab{height: 57px; background: #93665e;}
.chTab a{font-size: 24px; color: #FFF; text-align: center; display: block; width: 455px; height: 52px; line-height: 52px; float: left; background-color: #cc958b; cursor: pointer;}
.chTab a.n1{background-image: url(../images/icon2.png); background-position: 130px center; background-repeat: no-repeat;}
.chTab a.n2{background-image: url(../images/icon1.png); background-position: 130px center; background-repeat: no-repeat;}
.chTab a.on{background-color: #93665e; color: #FFF;}
.chTab a.gray{background-color: #CCC; color: #FFF; -webkit-filter: grayscale(100%);filter: grayscale(100%);}

.chForm{height: 200px;}
.chSubmit{background: #f1f1f1; padding:0 0 80px 0;}
.chTips{padding: 15px 0 15px 140px; font-size: 16px; line-height: 24px; color: #ad3619;}
.chlist{float: left; width: 430px; height: 50px;}
.chlist2{float: left; width: 860px; height: 50px;}
.chlist span{float: left; width: 136px; height: 36px; line-height: 36px; text-align: right; font-size: 16px; color: #454545;}
.chlist span a{color: #f00;}
.chlist input{float: left; width: 260px; padding: 0 10px; background: #DDD; border: 1px solid #ddd; height: 34px; font-size: 16px; color: #000;}
.chlist2 input{width: 690px;}

.chChou{background: #f1f1f1; padding:0 0 80px 0;}
.chlist3{padding: 70px 0 0 136px; height: 190px; }
.chlist3 div.t{line-height: 36px; font-size: 16px; color: #454545;}
.chlist3 div.i{height: 36px; line-height: 36px; font-size: 16px; color: #000; padding: 0 10px; background: #DDD; width: 690px;}

.publicBtns{display: block; width: 230px; height: 60px; line-height: 60px; text-align: center; color: #FFF; font-size: 24px; font-weight: bold; margin: 0 auto; cursor: pointer;}
.btnSubmit1{margin:0 0 0 136px; background: url(../images/submit.png) no-repeat 0 0;}
.btnSubmit2{margin:0 0 0 136px; background: url(../images/login.png) no-repeat 0 0;}
.publicBtns:hover{background-position: 0 -60px;}

.popFiex{width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.9); z-index: 9999999999999999; display: none;}
.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: 700px; height: 360px; background:#fff;}
.closeBtn{display: block; width: 56px; height: 56px; background: url(../images/close.png) no-repeat center; cursor: pointer; overflow: hidden; text-indent: -9999px; position: absolute; right: 0px; top: 0px;}
.msg{display: flex; justify-content: center; align-items: center; font-size: 30px; color: #41362e; line-height: 42px; height: 270px; text-align: center;}
.btnBox{justify-content: center; display: flex;}
.btnBox a{display: block; width: 150px; height: 40px; line-height: 40px; background: #fb912e; border: 1px solid #fdaf37; color: #FFF; font-size: 20px; margin: 0 20px; text-align: center;}
.btnBox a.btn_cancel{background: #2f2f2f; border: 1px solid #272727;}

.codeCont{display: flex; justify-content: center; padding:85px 0;}
.codeCont span{display: block; width: 100px; height: 110px; margin: 0 1px; background: #783636; color: #FFF; line-height: 110px; text-align: center; font-size: 90px;}

/* page_news */
.page_news .main{ padding: 45px 0 80px 0; }
.sub_tit{ margin: 50px auto 0 auto; width: 133px; height: 40px; text-align: center; background: url(../images/sub_tit.png) no-repeat center bottom; font-size: 24px; color: #5b628c; }
.bbs_news{ width: 930px; margin: 10px auto; }
.bbs_news li{ height: 51px; line-height: 51px; border-bottom: 1px solid #c3c3c1; font-size: 18px; }
.bbs_news li a{ color: #767268; }
.bbs_news li span{ float: right; color: #b7b7b7; }
.page_bbs{ margin: 30px 0 50px 0; text-align: center; }
.page_bbs a{ display: inline-block; margin: 0 20px; width: 78px; height: 30px; line-height: 30px; border-radius: 5px; background-color: #cfc6ad; font-size: 16px; color: #FFF; }
.video_list{ width: 969px; margin: 25px auto; }
.video_box{ width: 273px; margin: 0 25px 25px 25px; }
.video_box .pic{ position: relative; width: 269px; height: 163px; border: 2px solid #c3a142; border-radius: 5px; }
.video_box img{ width: 269px; height: 163px; cursor: pointer; }
.video_box .pic p{ position: absolute; bottom: 0; left: 0; width: 254px; padding-right: 15px; height: 33px; line-height: 33px; text-align: right; border-radius: 3px; background-color: rgba(0,0,0,0.5); font-size: 16px; color: #FFF; }
.video_box .info{ padding-top: 12px; font-size: 16px;}
.video_box .vs{ color: #c3a142; }
.video_box .date{ color: #767268; }
.video_more{ display: block; margin: 0 auto; width: 120px; height: 40px; line-height: 40px; text-align: center; border-radius: 5px; background-color: #5b628c; font-size: 16px; color: #FFF; }

/* 弹出框 */
.prompt_bg{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.88); z-index: 9998; }
.prompt{ position: fixed; top: 50%; left: 50%; display: none; z-index: 9999;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}

/* 确认弹出框 */
#prompt_confirm{ width: 659px; height: 276px; background-color: #FFF; border: 3px solid #5ab3cd; }
#prompt_confirm .text{ padding: 40px 0; text-align: center; line-height: 36px; font-size: 24px; color: #004d62; }
#prompt_confirm .btn{ text-align: center; }
#prompt_confirm .btn a{ display: inline-block; margin: 0 35px; width: 160px; height: 60px; line-height: 60px; font-size: 24px; color: #FFF; }
#prompt_confirm .btn a.confirm{ background: url(../images/confirm.png) no-repeat 0 0;}
#prompt_confirm .btn a.cancel{ background: url(../images/cancel.png) no-repeat 0 0;}
.close1{ position: absolute; top: -3px; right: -56px; width: 53px; height: 53px; background: url(../images/close1.png) no-repeat 0 0; }
.close2{ position: absolute; top: 48px; right: 26px; width: 68px; height: 67px; background: url(../images/close2.png) no-repeat 0 0; z-index: 2; }

/* 抽签弹出框 */
#prompt_draw .close1{ top: 0; }
#prompt_draw .code span{ display: inline-block; margin: 0 1px; width: 79px; height: 110px; line-height: 110px; text-align: center; font-size: 120px; color: #FFF; font-family: "宋体"; }
#prompt_draw .code span.n1{ background: url(../images/n1.png) no-repeat 0 0; }
#prompt_draw .code span.n2{ background: url(../images/n2.png) no-repeat 0 0; }
#prompt_draw .code span.n3{ background: url(../images/n3.png) no-repeat 0 0; }
#prompt_draw .code span.n4{ background: url(../images/n4.png) no-repeat 0 0; }
#prompt_draw .code span.n5{ background: url(../images/n5.png) no-repeat 0 0; }

/* 视频弹出框 */
#prompt_video{ width: 955px; height: 537px; border: 15px solid #323650; background-color: #000; }
#prompt_video .close1{ top: -15px; right: -75px; }
#prompt_video iframe, #prompt_video video{ width: 955px; height: 537px; }

/* 弹出框：外卡赛 */
#prompt_wild{ width: 1350px; height: 750px;}
#prompt_wild .main{ margin: 30px auto 0 auto; width:1350px; height: 750px; overflow-x: hidden; overflow-y: auto; }
#prompt_wild .main::-webkit-scrollbar{ width: 10px; }
#prompt_wild .main::-webkit-scrollbar-thumb{ background: #be903a; border-radius: 5px; }
#prompt_wild .main::-webkit-scrollbar-track{ background: #f0d095; border-radius: 5px; }
#prompt_wild .main img{max-width: 100%; margin: 0 auto; }

/* 弹出框：大区赛 */
#prompt_area, 
.prompt_promoted, 
#prompt_promoted8,#prompt_promoted4,#prompt_promoted2{ width: 1100px; height: 700px; }

#prompt_area .swiper-slide, 
#prompt_promoted8 .swiper-slide, 
#prompt_promoted4 .swiper-slide{ height: 700px;}

#prompt_area .tit, 
#prompt_wild .tit, 
#prompt_promoted8 .tit,#prompt_promoted4 .tit,#prompt_promoted2 .tit{ margin-top:60px; text-align: center; font-weight: bold; font-size: 36px; color: #be903a; }

#prompt_area16 .swiper-button-prev, 
#prompt_area16 .swiper-button-next, 
#prompt_area .swiper-button-prev, 
#prompt_area .swiper-button-next, 
#prompt_promoted8 .swiper-button-prev, 
#prompt_promoted8 .swiper-button-next, 
#prompt_promoted4 .swiper-button-prev, 
#prompt_promoted4 .swiper-button-next{ width: 99px; height: 97px; margin-top: -49px; }

#prompt_area16 .swiper-button-prev, 
#prompt_area .swiper-button-prev, 
#prompt_promoted8 .swiper-button-prev, 
#prompt_promoted4 .swiper-button-prev{ left: 0; background: url(../images/prev.png) no-repeat 0 0; outline: none;}

#prompt_area16 .swiper-button-next, 
#prompt_area .swiper-button-next, 
#prompt_promoted8 .swiper-button-next, 
#prompt_promoted4 .swiper-button-next{ right: 0; background: url(../images/next.png) no-repeat 0 0; outline: none;}

#prompt_area16 .swiper-button-prev:hover, 
#prompt_area16 .swiper-button-next:hover, 
#prompt_area .swiper-button-prev:hover, 
#prompt_area .swiper-button-next:hover, 
#prompt_promoted8 .swiper-button-prev:hover, 
#prompt_promoted8 .swiper-button-next:hover, 
#prompt_promoted4 .swiper-button-prev:hover, 
#prompt_promoted4 .swiper-button-next:hover{ background-position: 0 -97px; }

#prompt_area .info{ position: absolute; left: 50%; bottom: 0; margin-left: -433px; width: 866px; height: 581px; background: url(../images/prompt_area.png?v=1) no-repeat center 12px; }
#prompt_area .vs{ position: absolute; width: 119px; height: 96px; background: url(../images/vs.png) no-repeat 0 0; }
#prompt_area .vs .date{ position: absolute; top: 0; left: 0; margin:0; padding: 0 5px; width: 18px; height: 96px; text-align: center; word-break: break-all; font-size: 12px; color: #e4b459; }
#prompt_area .vs .p{ position: absolute; right: 0; width: 91px; height: 19px; line-height: 19px; text-align: center; font-size: 12px; color: #FFF; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; overflow: hidden; }
#prompt_area .vs .p1{ top: 0; }
#prompt_area .vs .p2{ top: 19px; }
#prompt_area .vs .score{ top: 38px; }
#prompt_area .vs .p3{ bottom: 19px; }
#prompt_area .vs .p4{ bottom: 0; }
#prompt_area .win{ position: absolute; right: -33px; width: 57px; height: 51px; background: url(../images/win.png) no-repeat 0 0; display: none; }
#prompt_area .win1{ display: block; top: -7px; }
#prompt_area .win2{ display: block; top: 51px; }
#prompt_area .vs_1{ top: 0; left: 0; }
#prompt_area .vs_2{ top: 127px; left: 0; }
#prompt_area .vs_3{ top: 60px; left: 152px; }
#prompt_area .vs_4{ top: 283px; left: 0; }
#prompt_area .vs_5{ top: 410px; left: 0; }
#prompt_area .vs_6{ top: 343px; left: 152px; }
#prompt_area .vs_7{ top: 191px; left: 297px; }
#prompt_area .vs_8{ top: 0; right: 0; }
#prompt_area .vs_9{ top: 127px; right: 0; }
#prompt_area .vs_10{ top: 60px; right: 152px; }
#prompt_area .vs_11{ top: 283px; right: 0; }
#prompt_area .vs_12{ top: 410px; right: 0; }
#prompt_area .vs_13{ top: 343px; right: 152px; }
#prompt_area .vs_14{ top: 191px; right: 297px; }
#prompt_area .promotion{ position: absolute; bottom: 0; left: 50%; margin-left: -168.5px; width: 337px; height: 100px; background: url(../images/promotion.png) no-repeat 0 0; }
#prompt_area .promotion p{ position: absolute; width: 155px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #FFF; }
#prompt_area .promotion .p1{ left: 0; top: 38px; }
#prompt_area .promotion .p2{ left: 0; top: 69px; }
#prompt_area .promotion .p3{ right: 0; top: 38px; }
#prompt_area .promotion .p4{ right: 0; top: 69px; }
#prompt_area .promotion .score{ left: 155px; top: 38px; width: 27px; height: 60px; line-height: 60px; }

/* 全服16强进8双败赛 */
.prompt_promoted8 .date{ position: absolute; top: 125px; width: 80px; text-align: center; line-height: 25px; font-size: 16px; color: #FFF; }
.prompt_promoted8 .date1{ left: 564px; }
.prompt_promoted8 .date3{ left: 720px; }
.prompt_promoted8 .date5{ left: 856px; }
.prompt_promoted8 .group1{ position: absolute; top: 194px; left: 291px; width: 394px; height: 235px; background: url(../images/group1.png) no-repeat 97px 13px; }
.prompt_promoted8 .vs{ position: absolute; width: 97px; height: 102px; background: url(../images/group_vs.png) no-repeat 0 0; }
.prompt_promoted8 .p{ position: absolute; left: 0; width: 97px; height: 20px; line-height: 20px; text-align: center; font-size: 14px; color: #FFF; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; overflow: hidden; }
.prompt_promoted8 .p1{ top: 0; }
.prompt_promoted8 .p2{ top: 20px; }
.prompt_promoted8 .score{ top: 41px; }
.prompt_promoted8 .p3{ bottom: 20px; }
.prompt_promoted8 .p4{ bottom: 0; }
.prompt_promoted8 .vs .win{ position: absolute; left: 86px; width: 57px; height: 51px; background: url(../images/win.png) no-repeat 0 0; display: none; }
.prompt_promoted8 .vs .win1{ display: block; top: -5px;}
.prompt_promoted8 .vs .win2{ display: block; bottom: -5px; }
.prompt_promoted8 .group1 .vs_1{ top: 0; left: 0; }
.prompt_promoted8 .group1 .vs_2{ top: 133px; left: 0; }
.prompt_promoted8 .group1 .vs_3{ top: 67px; left: 166px; }
.prompt_promoted8 .group_win{ position: absolute; right: 0; width: 97px; height: 40px; background: url(../images/group_win.png) no-repeat 0 0; }
.prompt_promoted8 .group_win .win{ position: absolute; top: -5px; left: 86px; width: 57px; height: 51px; background: url(../images/win.png) no-repeat 0 0; display: none; }
.prompt_promoted8 .group1 .group_win{ top: 104px; }
.prompt_promoted8 .fail{ position: absolute; top: 470px; width: 130px; text-align: center; font-size: 16px; color: #d3d3d3; }
.prompt_promoted8 .fail1{ left: 449px; }
.prompt_promoted8 .fail2{ left: 587px; }
.prompt_promoted8 .group2{ position: absolute; top: 513px; left: 465px; width: 360px; height: 132px; background: url(../images/group2.png) no-repeat 97px 13px; }
.prompt_promoted8 .group2 .vs_4{ top: 0; left: 0; }
.prompt_promoted8 .group2 .vs_5{ top: 30px; left: 136px; }
.prompt_promoted8 .group2 .group_win{ top: 65px; }

/* 弹出框：晋级赛 */
#prompt_promoted{height: 800px;}
.junbox{width: 920px; height: 374px; margin: 0 auto; position: relative;}
.junbox.j1{background: url(../images/ju_box.png) no-repeat 0 bottom; margin-bottom: 20px;}
.junbox.j2{background: url(../images/zj_box.png) no-repeat 0 bottom;}
.junbox .jtit{text-align: center; font-size: 36px; font-weight: bold; color: #be903a; line-height: 50px;}

.prompt_promoted .row{}
.prompt_promoted .date{position: absolute; left: 0; top: 0; margin: 0; width: 100%; text-align: center; font-size: 26px; font-weight: bold; color: #be903a; line-height: 48px;}
.prompt_promoted .p{width: 196px; height: 34px; text-align: center; color: #FFF; font-size: 20px; line-height: 34px; position: absolute;}
.prompt_promoted .p1{left:214px; top: 146px; background: #b54e27; border: 1px solid #d46a42;}
.prompt_promoted .p2{left:214px; top: 180px; background: #c39544; border: 1px solid #deb263;}
.prompt_promoted .p3{right:214px; top: 146px; background: #b54e27; border: 1px solid #d46a42;}
.prompt_promoted .p4{right:214px; top: 180px; background: #c39544; border: 1px solid #deb263;}
.prompt_promoted .score{left: 408px; top: 185px; width: 106px; height: 70px; line-height: 70px; text-align: center;}
.prompt_promoted .score span{display: block; width: 106px; height: 70px; background: url(../images/score.png) no-repeat 0 0;}
.prompt_promoted .win{position: absolute; top: 95px; width: 101px; height: 73px; background: url(../images/winner.png) no-repeat 0 0; display: none; }
.prompt_promoted .win1{left: 335px; display: block;}
.prompt_promoted .win2{right: 335px; display: block;}

#prompt_promoted2 .row{ margin-top: 100px; }
#prompt_promoted .row{ margin: 0; position: relative;}
.info2{width: }
body{ position: relative; }
a{ cursor: pointer; }


.date{ position: absolute; top: 874px; left: 50%; margin-left: -276px; z-index:5;}
.logo_layer{ position: absolute; top: 20px; left: 50%; margin-left: -100px; width: 200px; height: 130px; }






.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%);}
.popVideo{width:1200px;height:675px; background: #000;}
.btnClose{background: url(https://w2i.games.wanmei.com/images/cover230726/pop-close.png) no-repeat 0 0; width: 51px; height: 51px; position: absolute; right: -65px; top: 0; cursor: pointer;z-index: 2;}
.btnClose:hover{background-position: 0 bottom;}
.videoInt video,.videoInt{width: 100%; height: 100%; display: block;}


.popArea{width: 930px; height: 820px; background: #FFF; padding: 0 50px;}


.popTitle{text-align: center; height: 100px; line-height: 100px; font-size: 36px; color: #be903a; font-weight: bold;}
.swiperCont{width: 100%; height: 670px;}
.closeBtns{display: block; width: 68px; height: 67px; background: url(../images/close2.png) no-repeat 0 0; position: absolute; right: -85px; top: 0; cursor: pointer;}

.swiper-container{width: 100%; height: 100%;}
.swiperButtonPrev,.swiperButtonNext{display: block; width: 99px; height: 97px; cursor: pointer; position: absolute; top: 50%; margin-top: -48px;}
.swiperButtonPrev{background: url(../images/prev.png) no-repeat 0 0; left: -110px;}
.swiperButtonNext{background: url(../images/next.png) no-repeat 0 0; right: -110px;}
.swiperButtonPrev:hover,.swiperButtonNext:hover{background-position: 0 -97px;}
.popArea32 .swiperButtonPrev{left: -80px;}
.popArea32 .swiperButtonNext{right: -80px;}


.popArea32{width: 1030px; height: 770px;}

.area328_top{height: 410px; width: 800px; background: url(../images/img328.png) no-repeat 0 0; margin: 0 auto; position: relative;}
.area328_top div.time{text-align: center; color: #FFF; font-size: 18px; height: 35px; line-height: 35px; position: absolute; top: 0; width: 240px;}
.area328_top div.t1{left: 0;}
.area328_top div.t2{left: 280px;}
.area328_top div.t3{right: 0;}

.area328_top div.li{width: 204px; height: 102px; position: absolute; left: 0; top: 0;}
.area328_top div.li div{width: 126px; height: 18px; display: flex; justify-content: center; align-items: center; color: #FFF; font-size: 14px;}
.area328_top div.li div.a1{background: #b54e27; border: 1px solid #d46a42;}
.area328_top div.li div.a2{background: #c39544; border: 1px solid #deb263;}
.area328_top div.li div.vs{height: 22px;}
.area328_top div.s0{left: 20px; top: 68px;}
.area328_top div.s1{left: 20px; top: 238px;}
.area328_top div.s2{left: 300px; top: 68px;}
.area328_top div.s3{left: 300px; top: 238px;}
.area328_top div.s4{left: 580px; top: 68px;}
.area328_top div.s5{left: 580px; top: 238px;}
.area328_top div.li a{width: 64px; height: 36px; line-height: 36px; text-align: center; font-size: 18px; color: #df2637; border: 2px solid #df2637; position: absolute; right: 0;}
.area328_top div.li a.add{top: 0;}
.area328_top div.li a.add2{bottom: 0;}

.area328_list{width: 240px; height: 330px; margin: 0 20px;}
.area328_list div.time{text-align: center; background: #49381b; color: #FFF; font-size: 18px; height: 35px; line-height: 35px; margin-bottom: 1px;}





.area328_table{width: 800px; margin: 0 auto;}
.area328_table .tableTitle{text-align: center; background: #49381b; color: #FFF; font-size: 18px; height: 35px; line-height: 35px; margin-bottom: 1px;}
.area328_table table{width: 100%; border-collapse: collapse;}
.area328_table th,.area328_table td{border: 1px solid #49381b; text-align: center; font-size: 16px; color: #FFF; line-height: 40px;}
.area328_table th.s4{width: 280px;}
.area328_table td a{display: block; width: 260px; height: 40px; line-height: 40px; position: relative; margin: 0 auto;}
.area328_table td a span{color: #df2637; position: absolute; right: 38px; top: 0; height: 40px; line-height: 40px;}

#prompt_promoted2{height: 800px;}
.jsBox{display: flex; justify-content: center; width: 100%; position: absolute; left: 0; bottom: 0;}
.jslist{width: 334px; height: 123px; background: url(../images/jjs.png) no-repeat 0 0; margin: 0 25px;}
.jsTitle{height: 62px; line-height: 48px; text-align: center; font-size: 20px; color: #c39544;}
.jsleft{float: left;}
.jsright{float: right;}
.jsDiv{width: 154px; height: 60px; text-align: center; color: #FFF; font-size: 14px; line-height: 30px;}
.jsDiv div{height: 28px;}
.jsDiv div.a1{background: #b54e27; border: 1px solid #d46a42;}
.jsDiv div.a2{background: #c39544; border: 1px solid #deb263;}





.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{content: ""}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{content: ""}