@charset "utf-8";
/* CSS Document */
html, body, div, span,applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;}
body {height:100%;text-size-adjust:none;}
div {text-align:left;}
body{font: 12px/1.5em 'Microsoft Yahei',arial;color:#454545;}
h1, h2, h3, h4, h5, h6{font-size:100%;}
address, cite, em{font-style:normal;}
li{list-style-type:none;}
a{text-decoration:none;color:#08c;}
a:hover{color:#d70000;text-decoration:none;}
fieldset, img {border:0;}
label,button{cursor: pointer;}
input,select,label{vertical-align:middle;}
select,input,textarea,font{font-size:12px;line-height:1.2em;}
.clear{clear:both; line-height:0px; overflow:hidden;}

* { margin: 0; padding: 0;}
body {min-width:1000px;background:transparent; color:#fff;}
ol,ul { list-style: none;}
a {text-decoration:none;}
img {border: none;display: block;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix{*zoom:1}

table{border-collapse:collapse;border-spacing:0}

.section1,.section2,.section3,.section4,.prize{ width: 100%; margin: 0 auto; overflow: hidden; position: relative;}
.section1{width: 100%;background: url("https://static.yxdown.com/hd/codol/wjbg1.jpg") center top no-repeat;}
.section2{width: 100%;background: url("https://static.yxdown.com/hd/codol/wjbg2.jpg") center top no-repeat;padding-top: 50px;}
.section3{ width: 100%; background: url("https://static.yxdown.com/hd/codol/wjbg3.jpg") center top no-repeat;}
.prize{}

/*banner*/
#banner{ width: 1150px; margin: 0 auto; overflow: hidden; }
.logo{ width: 450px; float: left; height: 78px; margin-top: 34px; }
.logo a{ display: inline-block; float: left; text-indent: -9999px; background: url("https://static.yxdown.com/hd/codol/codol.png") no-repeat; }
.logo a.ol{ width: 165px; height: 75px; }
.logo a.yxdown{width: 200px;height: 58px;background-position: 0px -81px;margin-left: 35px;margin-top: 5px;}

/*菜单导航*/
.nav{width: 1100px;margin: 0 auto;margin-top: 807px;}
.nav a.home{ width: 140px; height: 116px; display: inline-block; float: left; background: url(https://static.yxdown.com/hd/codol/codol.png) no-repeat; text-indent: -9999px; background-position: 0px -149px;}
.navbox{ float: left; width: 900px;}
.navbox ul{ width: 1000px;}
.navbox ul li{width: 195px;float: left;position: relative;}
.navbox ul li a:hover strong{ color: #fff; }
.navbox ul li a:hover em{ color: #366db6; }
.navbox ul li strong,.nav ul li em,.nav ul li span{ display: block;  text-align:center;}
.navbox ul li strong{font-size: 18px;color: #dadada;margin-top: 29px;font-weight: normal;}
.navbox ul li em{font-size: 13px;color: #235596;margin-top: 6px;}
.navbox ul li i{}
.navbox ul li span{width: 17px;height: 17px;background: url(https://static.yxdown.com/hd/codol/codol.png) no-repeat;position: absolute;right: 33px;top: 16px;background-position: -169px -1px;}

/*赛程*/
#progress{ width: 1230px; margin: 0 auto; overflow: hidden; height: 340px; }
.scslider{ width: 1150px; margin: 0 auto; height: 230px;}
.zt_slides_one{zoom:1;position: relative;width: 1150px;margin: 0 auto;}
.zt_slides_one ul{ width: 9999px; }
.zt_slides_one ul li{ width: 222px; height: 230px; float: left; margin-right: 10px;}
.scbox{width: 222px;height: 229px;overflow: hidden;}
.scbox p.sctime{ width: 222px; height: 4px; background: url(https://static.yxdown.com/hd/codol/codol.png) no-repeat; background-position: 0px -332px;}
.scbox span{ width: 222px; height: 71px; display: block; background: #0d131a; }
.scbox span em{ display: block; text-align: center;}
.scbox span em.t1{color: #bfd5f3;font-size: 14px;padding-top: 15px;}
.scbox span em.t2{font-size: 13px;text-align: center;color: #1d6fd9;padding-top: 4px;}
.scbox .sclogo{background: #10171f;overflow: hidden;height: 91px;padding: 20px 7px 0px 7px;}
.sclogo b{width: 70px; height: 70px; float: left; }
.dd{font-size: 18px; text-align: center; font-weight: normal; padding-top: 20px; color: #ddd;}
.sclogo b.sclogo1{}
.sclogo b img{ width: 70px; }
.sclogo i{width: 39px;height: 25px;float: left;display: inline-block;background: url(https://static.yxdown.com/hd/codol/codol.png) no-repeat;background-position: -242px -332px;margin: 29px 10px 0px 10px;}
.scbox p.scname{height: 30px;line-height: 30px;background: #161f2a;display: block;width: 222px;overflow: hidden;/* margin-top: 10px; */}
.scbox p.scname em{color: #707176;text-align: center;display: inline-block;float: left;width: 111px;font-size: 14px;}

.zt_slides_one .zs_btn{}
.zt_slides_one .zs_btn a{width: 28px;height: 50px;display:inline;overflow:hidden;text-indent:-999em;background: url(https://static.yxdown.com/hd/codol/codol.png) no-repeat;position: absolute;z-index: 9;top: 84px;}
.zt_slides_one .zs_btn a.zs_prev{background-position: -212px -2px;left: -31px;}
.zt_slides_one .zs_btn a.zs_next{background-position: -252px -2px;width: 28px;right: -30px;}
.zt_slides_one .zs_btn a.zs_prev:hover{background-position: -212px -365px}
.zt_slides_one .zs_btn a.zs_next:hover{background-position: -252px -365px;} 

.sctab{width: 1150px;height: 83px;margin: 0 auto;padding-bottom: 36px;}
.sctab ul{}
.sctab ul li{ width: 383px; float: left; }
.sctab ul li a{width: 383px;height: 83px;display:block;background: url(https://static.yxdown.com/hd/codol/sctab.png) no-repeat;text-indent: -9999px;}
.sctab ul li.hover a.sct1{background-position: 0px -85px;}
.sctab ul li.hover a.sct2{ background-position: -382px -85px;}
.sctab ul li.hover a.sct3{ background-position: -764px -85px;}
.sctab ul li a.sct1{}
.sctab ul li a.sct2{ background-position: -382px 0px;}
.sctab ul li a.sct3{ background-position: -764px 0px;}

/*新闻*/
.spot{width: 1150px;margin:0 auto;overflow:hidden;zoom:1;padding-top: 56px;}

/*jdimg*/
#jdimg {position: relative;width: 485px;overflow: hidden;zoom: 1;float:left;height: 368px;}
/*最新新闻*/
.newsList{width: 445px;height: 368px;float:left;overflow:hidden;zoom:1;background: url(https://static.yxdown.com/hd/codol/newsbg.jpg) center top no-repeat;margin-left: 12px;}
.newsList h2{width: 250px;height: 60px;background: url(https://static.yxdown.com/hd/codol/codol.png) no-repeat;background-position: 0px -270px;margin-left: 25px;margin-top: 12px;}
.newsList h2 a{color: #c62624;display: block;text-align: center;height: 22px;line-height: 22px;padding-top: 21px;font-family: "Microsoft Yahei";}
.newsList span{display:block;text-align: center;padding-top: 11px;font-size: 14px;}
.newsList span a{color: #aaa;text-align: center;padding: 0px 5px;}
.newsList h2 a:hover,.newsList span a:hover{ text-decoration:underline;}

.newsList ul{width: 459px;/* padding-top: 10px; */height: 275px;overflow: hidden;zoom: 1;margin-left: 10px;margin-top: 85px;}
.newsList ul li{height: 34px;line-height: 34px;width: 430px;overflow: hidden; float: left;}
.newsList ul li em{color: #455672;font-size: 14px;float:right;display:inline-block;}
.newsList ul li em.new{ }
.newsList ul li a{color: #d3e3f3;font-size:14px;float:left;display:inline-block;padding-left: 15px;white-space: nowrap;width: 365px;overflow: hidden;text-overflow: ellipsis;}
.newsList ul li a.new,.newsList ul li a:hover{  color:#e65341;}
.newsList ul li a i{width: 4px;height: 4px;display: inline-block;background: #88cef8;font-size: 0px;margin-top: 13px;margin-right: 11px;}

.newspic{ width: 196px; float: left; overflow: hidden; margin-left: 12px;}
.newspic ul{ width: 200px; }
.newspic ul li{width: 196px;height: 115px;float: left;margin-bottom: 12px;position: relative;overflow: hidden;}
.newspic ul li a,.newspic ul li a img{width: 196px;height: 115px;}
.newspic ul li a em{ width: 100%; height: 100%; background: #000; position: absolute; opacity: 0.3;filter:alpha(opacity=30);  -moz-opacity:0.3;
-khtml-opacity:0.3;  }
.newspic ul li a:hover em{ opacity: 0.8;filter:alpha(opacity=80);  -moz-opacity:0.8;
-khtml-opacity:0.8;  }
.newspic ul li a p{position: absolute;top: 120px;color: #eee;padding: 0px 6px;font-size: 14px;}

/*直播*/
h2{width: 100%;height: 76px;background: url(https://static.yxdown.com/hd/codol/title.png) center -314px no-repeat;text-indent: -9999px;}
.zhibo{width: 1150px;margin: 0 auto;margin-top: 60px;}
.zhibo h2{}
.zbbox{ padding-top: 23px; }

/*视频*/
.video{ width: 1150px; margin: 0 auto; overflow: hidden; }
.video h2{background-position: center -76px;margin-top: 20px;margin-bottom: 30px;}
.videobox{width: 1094px;margin:0 auto;zoom:1;padding: 28px;background: url(https://static.yxdown.com/hd/codol/video_bg.jpg) left top no-repeat;height: 420px;overflow: hidden;}
.videobox ul{width:1200px;padding: 14px 0px;height: 350px;}
.videobox ul li{float:left;width: 250px;padding-right: 30px;position: relative;margin-bottom: 22px;overflow: hidden;height: 192px;line-height: 18px;}
.videobox ul li a{ position: relative; display:block;}
.videobox ul li a i{width: 57px;height: 57px;position: absolute;background: url("https://static.yxdown.com/hd/codol/codol.png") no-repeat;background-position: -158px -167px;margin-top: 40px;margin-left: 99px; display: none;}
.videobox ul li a p{font-size: 14px;color: #d0d2d4;text-align: left;padding-top: 9px;}
.videobox ul li a:hover p{ color: #fff; }
.videobox ul li a:hover i{ display: block; }
.videobox ul li a img{width: 250px;height: 145px; opacity: 0.9;filter:alpha(opacity=90);-moz-opacity:0.9; -khtml-opacity:0.9;}
.videobox ul li a span{width: 46px;height: 46px;display: block;position: absolute;z-index: 1;left: 100px;top: 40px;}
.videobox ul li a:hover img{opacity: 1.0;filter:alpha(opacity=100);-moz-opacity:1.0; -khtml-opacity:1.0;}
.videobox ul li a:hover em{ color:#f60;}

/*对阵表*/
.teambox{width: 1150px; margin: 0 auto; overflow: hidden;}
.team_cent{width: 1150px;margin: 0 auto;overflow: hidden;background: url("https://static.yxdown.com/hd/codol/bg_team.jpg") left top no-repeat;height: 565px;}
.teambox h2{background-position: center -391px;margin-top: 50px;margin-bottom: 30px;}
.team_cent{}
.team_cent h3,.team_taotai h3{margin-left: 40px;margin-top: 31px;overflow: hidden;padding-bottom: 30px;}
.team_cent h3 span,.team_taotai h3 span{font-size: 30px;color: #fff;font-weight: normal;margin-left: 8px;height: 30px;line-height: 30px;float: left;display: inline-block;border-left: 6px solid #fff;padding-left: 10px;}
.team_cent h3 i,.team_taotai h3 i{font-size: 14px;color: #516686;font-style: normal;font-weight: normal;padding-left: 8px;margin-top: 7px;display: inline-block;}
.team_taotai{width: 1150px;margin: 0 auto;overflow: hidden;height: 565px;background: #0f1c2d;padding-top: 10px;padding-bottom: 60px;}

/*------------- 比赛赛程 -----------*/
.pk,.eliminate{ padding-top:100px;}
.tabs1 {margin:0 auto; width:970px; height:auto;}
.tabs1 .hd{height:70px; width:943px; margin:0 auto; }
.tabs1 .hd li{float: left; width:314px;}
.tabs1 .hd a{display: block; width:314px;  height: 70px; line-height:70px; color:#adc7e8; text-align: center; font-size:20px; font-weight:bold; border-bottom:2px solid #3b5373;}
.tabs1 .hd a:hover,.tabs1 .hd .on a{ color:#e65341; border-bottom:2px solid #e65341;}
.tabs1 .tab-panel{display: none }
.tabs1 .dis{display: block }
.list_pk{ margin:35px auto 0;}
.list_pk li{ background:url(https://static.yxdown.com/hd/codol/tab_bg.png) no-repeat; width:946px; height:85px; margin-bottom:6px;}
.time_vs{ float:left; width:220px; text-align:center; color:#fff; font-size:38px; font-weight:bold; line-height:24px;}
.time_vs b{ font-size:14px;}
.time_vs span{ display:block; color:#e65341; font-size:14px;padding-top:3px;}
.cont_vs{ float:left; width:580px;}
.box_vs{ width:480px; margin:0 auto;}
.name_vs,.img_vs,.score_vs{ float:left;}
.name_vs{ height:85px; line-height:85px; font-size:16px; width:88px; text-align:right;}
.t_l{ text-align:left;}
.score_vs{ width:38px; color:#adc7e8; font-size:18px; text-align:center; margin:18px 10px 0 10px;}
.score_vs i{ display:block; background:url(https://static.yxdown.com/hd/codol/pk.png) no-repeat; width:38px; height:31px;}
.score_vs span{ display:block;}
.list_pk li .zb_btn{ float:left; background:url(https://static.yxdown.com/hd/codol/zb_btn.png) no-repeat; width:120px; height:41px; text-align:center; color:#70abfc; font-size:16px; font-weight:bold; line-height:40px; margin:22px auto 0;}

/*------------- 小组积分表 -----------*/
.tabs2 {margin:0 auto; width:970px; height:auto;}
.table {width:466px; float:left; margin-right:10px;}
.table strong{ color:#e65341; font-size:24px; text-align:center; display:block; margin-bottom:20px;}
.table th,.table td{ background:url(https://static.yxdown.com/hd/codol/th_bg.jpg) no-repeat; width:466px; height:59px; text-align:center; color:#a0b9d9; font-size:14px;}
.table th{ font-size:16px; font-weight:bold;}
.table img,.table span{ float:left; height:40px;}
.table span{width: 86px;height:37px;line-height:36px;} 
.table i{ display:block; background:#0f1b29; border-radius:50px; width:37px; height:37px; margin:0 auto; font-style:normal; line-height:36px;}
.table .fize_24{ font-size:24px;}

/*------------- 淘汰赛对阵图 -----------*/
.tabs3 {margin:0 auto;width: 877px;height:425px;position:relative;background:url(https://static.yxdown.com/hd/codol/flow_bg.png) no-repeat;margin-top: 40px;}
.tabs3 p{color: #6688b6;font-size: 27px;font-weight:bold;width:128px;height:42px;text-align:center;line-height:42px;}
.tabs3 p b{color:#e65341;font-size: 19px;}
.tabs3 p em{font-style:normal;font-weight:normal;color:#415a78;font-size: 16px;}
.tabs3 .l_24{ line-height:22px;}
.pa{ position:absolute;}
.pos01{left: 135px;top: 30px;}
.pos02{left: 132px;top: 121px;}
.pos03{left: 35px;top: 155px;}
.pos04{left: 129px;top: 259px;font-size: 22px !important;}
.pos05{left: 130px;top: 350px;}
.pos06{left: 38px;top: 288px;}
.pos07{left: 432px;top: 76px;}
.pos08{left: 104px;top: 194px;}
.pos09{left: 426px;top: 306px;}
.pos10{left: 716px;top: 191px;}
.pos11{ left:215px; top:382px;}
.pos12{left: 401px;top: 191px;}
.pos13{ left:411px; top:196px;}
.pos14{ left:411px; top:278px;}
.pos15{ left:411px; top:357px;}
.pos16{ left:611px; top:112px;}
.pos17{ left:611px; top:196px;}
.pos18{ left:611px; top:277px;}
.pos19{ left:831px; top:198px;}

/*参赛队伍*/
#photo{ width: 1150px; margin: 0 auto; overflow: hidden; }
#photo h2{background-position: center -470px;margin-top: 50px;margin-bottom: 30px;}
#photo ul{width: 1300px;margin-top: 40px;position: relative;height: 452px; margin-bottom: 50px;}
#photo ul li{ position: absolute; }
#photo ul li.p1{width: 259px;height: 148px;left: 0px;top: 0px;}
#photo ul li.p2{width: 191px;height: 148px;left: 262px;top: 0px;}
#photo ul li.p3{width: 226px;height: 148px;left: 457px;top: 0px;}
#photo ul li.p4{width: 304px;height: 148px;left: 687px;top: 0px;}
#photo ul li.p5{width: 156px;height: 148px;left: 995px;top: 0px;}
#photo ul li.p6{width: 464px;height: 300px;top: 152px;left: 0px;}
#photo ul li.p7{width: 247px;height: 151px;left: 467px;top: 152px;}
#photo ul li.p8{width: 202px;height: 151px;left: 718px;top: 152px;}
#photo ul li.p9{width: 228px;height: 151px;left: 924px;top: 152px;}
#photo ul li.p10{width: 156px;height: 146px;left: 468px;top: 306px;}
#photo ul li.p11{width: 220px;height: 146px;left: 627px;top: 306px;}
#photo ul li.p12{width: 141px;height: 146px;left: 850px;top: 306px;}
#photo ul li.p13{width: 157px;height: 146px;left: 994px;top: 306px;}
#photo ul li em{ width: 100%; height: 100%; background: #000; position: absolute; opacity: 0.3;filter:alpha(opacity=30);  -moz-opacity:0.3;
-khtml-opacity:0.3;  }
#photo ul li:hover em{ opacity: 0;filter:alpha(opacity=0);  -moz-opacity:0;-khtml-opacity:0; }
#photo ul li img{width: 100%;height: 100%;}

#jquery-overlay {position: absolute; top: 0; left: 0; z-index: 1000; width: 100%; height: 500px; }
#jquery-lightbox {position: absolute;top: 0;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;z-index: 9999;}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading {position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;} 
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnPrev {left: 0; float: left; }
#lightbox-nav-btnNext {right: 0; float: right; }
#lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }
#lightbox-container-image-data {padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details {width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {display: block; clear: left; padding-bottom: 1.0em; }
#lightbox-secNav-btnClose {width: 66px; float: right; padding-bottom: 0.7em; }
#imgview{ height: 550px !important; }

/*奖金*/
.prizebox{width: 100%;height: 528px;overflow: hidden;background:url("https://static.yxdown.com/hd/codol/bg_prize.jpg") center top no-repeat;}
.prize{width: 1150px;margin: 0 auto;background:url("https://static.yxdown.com/hd/codol/prize.png") center top no-repeat;height: 400px;margin-top: 80px;}

/*赛事TOP*/
.top{width: 1150px;margin: 0 auto;overflow: hidden;margin-top: 30px;}
.top ul{}
.top ul li{margin-bottom: 20px;}
.top ul li img{}


/*页脚*/
.footer{width:100%;height: 95px;margin:0 auto;text-align: center;color: #888888;font-size:12px;line-height: 24px;padding-bottom: 25px;overflow: hidden;zoom: 1;background: #111;}
#bottom{width: 1150px;margin: 0 auto;text-align: center; padding-top: 20px;}
.footer ul li{color: #888;line-height: 20px;height: 20px;padding: 3px 0px;text-align: center;}
.footer ul li a{ padding: 0 12px; color: #bbb;}
.footer a:hover,.footer a.green:hover{ color: #cf0b22;}
.footer a.green{ color: #25c7e4; font-weight: bold;}