/*reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0;display: block;}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%}
a{text-decoration:none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.hid{text-indent:-9999px;font-size:0px;overflow:hidden;width:0px;height:0px;display:block}
div,a{outline: none;}
iframe{display: block;}
body{font-family:"Microsoft YaHei",Helvetica,sans-serif;color:#fff;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;-webkit-touch-callout:none;-webkit-user-select:text;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;word-break:break-all;word-wrap:break-word;min-width: 1200px;padding-top: 42px;background-color: #1b1f2a;padding-top: 130px !important;}
.ost_box{z-index: 33333 !important;}
/*清除浮动代码*/
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1}
/*通用底部样式*/
#afooter { background: #000000; text-align: center; position: relative; z-index: 10; }
#afooter .wrap_ieg { width: 1000px; margin: 0 auto; padding: 30px 0; }
#afooter p { color: #6e6e6e; line-height: 24px; font-size: 10px; }
#afooter a { color: #6e6e6e; font-size: 12px; }
/* 页面 */
.wrap{position: relative;min-width: 1000px;max-width: 1920px; height: 6000px; margin: 0 auto;overflow: hidden;background: url(//game.gtimg.cn/images/fo4/cp/a20191028champion/bg.jpg) no-repeat center top;background-size: 1920px auto;}
.header,.cont1,.cont2,.cont3,.cont4,.cont5{position: relative;margin: 0 auto;width: 1200px;height: auto;overflow: hidden;}
.btn{-webkit-transition: -webkit-filter .5s ease; transition: filter .5s ease;}
.btn:hover{filter:brightness(1.2);-webkit-filter:brightness(1.2);}
.title{width: 1200px; height: 100px; margin: 0 auto; background: url(//game.gtimg.cn/images/fo4/cp/a20191028champion/title.png) no-repeat; background-size: 1200px auto;}
.cont1 .title{background-position: 0 0;}
.cont2 .title{background-position: 0 -100px; margin: 0 auto 20px;}
.cont3 .title{background-position: 0 -200px;}
.cont4 .title{position: absolute;top: 0;left: 0; background-position: 0 -300px;}
.cont5 .title{background-position: 0 -400px;}
/* side */
.side-box{display: block; width: 224px;height: 339px;position: fixed;z-index: 2; right: 10px;top: 50%;margin-top: -170px;background: url(//game.gtimg.cn/images/fo4/cp/a20191028champion/side-bg.png) no-repeat center top;background-size: 100% auto;padding-top: 50px;}
.btn-side{display: block;font-size: 0; width: 100%;height: 40px;background-position-x: 0;background: url(//game.gtimg.cn/images/fo4/cp/a20191028champion/side.png) no-repeat;background-size: 448px 288px;margin: 0 auto 38px;}
.btn-side:hover,.btn-side.on{background-position-x: -224px;}
.side1{background-position-y: 0;}
.side2{background-position-y: -78px;}
.side3{background-position-y: -156px;}
.side-top{background-position: 0 -224px !important;}
/* header */
.header{height: 1016px;}
.logo{display: block; width: 162px; height: 52px; overflow: hidden; font-size: 0; background: url(//game.gtimg.cn/images/fo4/cp/a20191028champion/logo.png) no-repeat center top; background-size: 100% auto; margin: 54px auto 0;}
.act-intr{position: absolute; top: 846px; left: 0; color: #c5e7fe; font-size: 32px; line-height: 34px; width: 100%; height: 34px; text-align: center; font-weight: bold;}
/* cont1 */
.cont1{height: 870px;}
.live-tabs{width: 1200px; text-align: center; font-size: 0; height: 120px;}
.live-tabs a{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 488px; height: 98px; overflow: hidden; font-size: 0; margin: 0 12px; transition: all .5s;}
.live-douyu{background: url(//game.gtimg.cn/images/fo4/cp/a20191028champion/douyu.png) no-repeat center top; background-size: 100% auto;}
.live-douyu.on,.live-douyu:hover{background: url(//game.gtimg.cn/images/fo4/cp/a20191028champion/douyuon.png) no-repeat center top; background-size: 100% auto;}
.live-huya{background: url(//game.gtimg.cn/images/fo4/cp/a20191028champion/huya.png) no-repeat center top; background-size: 100% auto;}
.live-huya.on,.live-huya:hover{background: url(//game.gtimg.cn/images/fo4/cp/a20191028champion/huyaon.png) no-repeat center top; background-size: 100% auto;}
.live{position: relative; overflow: hidden; width: 1200px; height: 580px; background: url(//game.gtimg.cn/images/fo4/cp/a20191028champion/live-bg.png) no-repeat 84px top; background-size: 1040px auto; margin: 0 auto;}
.live-cont{position: relative; display: block; margin: 0 auto; width: 1000px; height: 562px; overflow: hidden; border: 1px solid #2b4068;}
/* cont2 */
.cont2{height: 514px;}
.cont2-box{display: block; width: 1000px; height: 312px; overflow: hidden; text-align: center;  margin: 0 auto;}
.banner { position: relative; width: 500px; height: 310px; overflow: hidden; float:left;}
.banner li { float: left; overflow: hidden; }
.banner li img{width: 500px !important; height:310px !important;}
.banner .tabs-nav { z-index: 10; position: absolute; top: 0; right: 0; }
.tabs-nav { overflow:hidden;}
.tabs-nav li { float: left; text-align: center; cursor: pointer; }
.tabs-nav li a:hover{text-decoration:none;}
.banner .tabs-nav li { width: 55px; line-height: 27px; background: #0d1923; color: #fff; }
.banner .tabs-nav .on { background: #a3e90c; color:#000;}
.banner .tabs-box { position: relative; overflow: hidden; height: 310px; }
.banner .tabs-box .wh { position: relative; height:310px; width:500px; overflow:hidden;}
.banner .tabs-box li { width:500px;}
.banner-t .do { position: absolute; right: 10px; bottom: 20px; }
.banner-t .do span { display: block; width: 12px; height: 12px; float: left; margin: 0 5px; display: inline; background-color: #fff; border-radius: 50%; }
.banner-t .do span.dotItem { background-color: #eeae18; }
.banner .do { position: absolute; left:0; bottom:0; height:30px; width:100%;background:#333; background:rgba(0,0,0,.8); z-index:2; }
.banner .do li {width: 20%; line-height:30px; float: left; text-align:center; color:#a5a5a5; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; cursor:pointer; height:30px;}
.banner .do li.dotItem { background-color: #f4c300; color:#7e4a1c;}
.banner .bd{width: 2510px; position: absolute;left:0px;top:0;}
.news-cont-box{ width: 500px; height: 278px; float: left; position: relative;}
.news-cont-title{ width: 460px; height: 32px; line-height: 24px; color: #d3f1ff; font-size: 24px;text-align: left; margin: 0 auto; font-weight: bold;}
.news-icon{ display: block; float: left; width: 52px; height: 66px; }
.news-txt{ float: left; width: 184px; height: 66px; font-weight: bold;}
.add-color-font{ font-size: 18px; color: #a2a1a2;}
.news-cont-box ul{ width: 460px; height: 204px; margin: 1px auto;}
.news-cont-box ul li{ height: 40px; line-height: 40px; text-align: left;}
.news-cont-box ul li a{float: left; width: 328px;height: 40px;line-height: 40px;font-size: 16px; color: #89d7ff;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.news-cont-box ul li a.type{ width: 56px;}
.news-cont-box .updatetime{ float: right; color: #89d7ff;}
.news-cont-box .more{ display: block; width: 46px; height: 24px; text-align: center; line-height: 24px; color: #89d7ff; font-size: 16px; position: absolute; top: 0; right: 20px;}
/* cont3 */
.cont3{height: 1040px;}
.team{position: relative; width: 1200px; font-size: 0; text-align: center; overflow: hidden;}
.team2{display: none;}
.team-box{position: relative; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin: 0 18px; width: 220px;}
.team-box.mt60{margin: 60px 18px 0;}
.team-item{position: relative; display: block;background: url(//game.gtimg.cn/images/fo4/cp/a20191028champion/teambg.png) no-repeat center top; background-size: 100% auto; width: 220px; height: 380px;}
.team-logo{display: block; width: 178px;height: 138px; margin: 0 auto 2px;}
.team-name{width: 100%; height: 56px; font-size: 24px; line-height: 24px; text-align: center; color: #d3f1ff; font-weight: bold;}
.team-player{width: 100%; height: 26px; font-size: 14px; line-height: 14px; text-align: center; color: #89d7ff;}
.cont3-btn-box{width: 100%; height: 34px; font-size: 0; text-align: center; overflow: hidden;}
.cont3-btn-box a,.cont3-btn-box span{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; height: 34px; line-height: 34px;}
.btn-prev,.btn-next{width: 84px; background: url(//game.gtimg.cn/images/fo4/cp/a20191028champion/btn1.png) no-repeat center top; background-size: 100% auto;font-size: 14px; color: #89d7ff;}
.btn-prev.on,.btn-next.on{opacity: .5; pointer-events: none;}
.cont3-btn-box span{width: 108px; font-size: 14px; color: #3289b5;}
.team-num{color: #d3f1ff; font-weight: bold; font-size: 22px;}
/* cont4 */
.cont4{height: 750px;}
.cards{position: relative; width: 1200px; height: 344px; padding-top: 22px; text-align: center;}
.card{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 140px; margin: 0 20px;}
.card img{display: block; width: 139px; height: 217px; margin: 0 auto 10px;}
.card p{width: 100%; height: 14px; line-height: 14px; text-align: center; color: #d3f1ff; font-weight: bold;}
.card2,.card5{padding-top: 42px;}
.card3,.card4{padding-top: 74px;}
.cont4-rule{width: 1000px; display: block; margin: 0 auto; text-align: left;}
.cont4-rule p{color: #3289b5; font-size: 14px; line-height: 22px;}
.cont4-rule .cont4-rule-head{color: #89d7ff; font-weight: bold;}
/* cont5 */
.cont5{height: 1850px;background: url(//game.gtimg.cn/images/fo4/cp/a20191028champion/c5-bg.png) no-repeat bottom;}
.cont5 .content{width: 1000px;margin: 10px auto 70px; font-size: 14px;color: #3289b5;line-height: 22px;}
.cont5 .content span,.cont5 .content span a{font-weight: bold; color: #89d7ff;}
.cont5 .content span a:hover{text-decoration: underline;}
.cont5-code{position: absolute;top: 114px;right: 100px;}
.cont5-code img{display: block; width: 126px; height: 126px;margin: 0 auto;}
.cont5-code p{font-size: 14px;text-align: center;line-height: 30px; height: 30px;color: #89d7ff; font-weight: bold;}
.cont5 .match{width: 1050px; margin-left:100px;overflow: hidden;text-align: center;}
.cont5 .match li{width: 525px;height: 98px;margin-right: -13px; background: url(//game.gtimg.cn/images/fo4/cp/a20191028champion/c5-btnbg.png) no-repeat;float: left;font-size: 38px;color: #265b82;font-weight: bold;line-height: 110px;cursor: pointer;}
.cont5 .match li:hover,.cont5 .match li.on{background: url(//game.gtimg.cn/images/fo4/cp/a20191028champion/c5-btnbgon.png) no-repeat;color: #39b4ff;}
.cont5 .itembox{width: 1196px;height:1605px;margin: 0 auto;}
.cont5 .item1 table{width: 1000px;height: auto;background: url(//game.gtimg.cn/images/fo4/cp/a20191028champion/table2.png) no-repeat; overflow: hidden;margin: 20px auto;text-align: center;}
.cont5 .item1 table.table2{height: 460px; background: url(//game.gtimg.cn/images/fo4/cp/a20191028champion/table2.png) no-repeat;}
.cont5 .item1 thead tr{height: 44px;font-size: 23px;color: #d3f1ff;font-weight: bold;}
.cont5 .item1 thead tr th{text-align: center;font-weight: bold;}
.cont5 .item1 tbody tr{height: 103px;}
.cont5 .item1 tbody tr .td1{width: 168px;font-size: 23px;color: #d3f1ff;font-weight: bold;line-height: 20px;}
.cont5 .item1 tbody tr .td2{width: 332px;font-size: 14px;color: #89d7ff;font-weight: bold;line-height: 58px;}
.cont5 .item1 tbody tr .td2 span{width: 34px;height: 58px;display: inline-block;background-color: #041246;margin: 0 10px;font-size: 34px;color: #d3f1ff;font-weight: bold;}
.cont5 .item1 tbody tr .td2 em{font-weight: bold; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 100px;}
.tl{text-align: left;}
.tr{text-align: right;}
.cont5-btn-box{width: 100%; height: 50px; font-size: 0; text-align: center; overflow: hidden;}
.cont5-btn-box a,.cont5-btn-box span{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; height: 34px; line-height: 34px;}
.btn-prev,.btn-next{width: 84px; background: url(//game.gtimg.cn/images/fo4/cp/a20191028champion/btn1.png) no-repeat center top; background-size: 100% auto;font-size: 14px; color: #89d7ff;}
.btn-prev.on,.btn-next.on{opacity: .5; pointer-events: none;}
.cont5-btn-box span{width: 108px; font-size: 14px; color: #3289b5;}

.cont5 .item2{width:1000px;margin: 0 auto;text-align: center;}
.cont5 .item2 .up{width: 1000px; height: 714px; background: url(//game.gtimg.cn/images/fo4/cp/a20191028champion/c5-line1.png) no-repeat center;margin-top: 14px;margin-left: 23px;}
.cont5 .item2 .up ul{width: 151px;overflow: hidden;float: left;margin-left: -23px;}
.cont5 .item2 .up .ul1 li{width:151px;overflow: hidden; margin: 10px 0;}
.cont5 .item2 .up ul p{width: 149px;height:37px;background-color: #202838;border: 1px solid #00478f;line-height: 39px;}
.cont5 .item2 .up .ul2,.cont5 .item2 .up .ul3,.cont5 .item2 .up .ul4,.cont5 .item2 .up .ul5,.cont5 .item2 .up .ul6{margin-left: 18px;}
.cont5 .item2 .up .ul2 li{width:151px;overflow: hidden;margin-top: 98px;}
.cont5 .item2 .up .ul2 li.li1{margin-top: 52px;}
.cont5 .item2 .up .ul3 li{width:151px;overflow: hidden;margin-top: 280px;}
.cont5 .item2 .up .ul3 li.li1{margin-top: 143px;}
.cont5 .item2 .up .ul4 li{width:151px;overflow: hidden;margin-top: 313px;}
.cont5 .item2 .up .ul5 li{width:151px;overflow: hidden;margin-top: 295px;}
.cont5 .item2 .up .ul6 li{width:151px;overflow: hidden;margin-top: 274px;}
.cont5 .item2 .down{width: 1000px; height: 326px; background: url(//game.gtimg.cn/images/fo4/cp/a20191028champion/c5-line2.png) no-repeat center;margin-top: 50px;margin-left: -10px;}
.cont5 .item2 .down ul{width: 151px;height: 326px;float: left;margin-left: -3px;margin-top: 10px;}
.cont5 .item2 .down .ul1{margin-top: 0px;}
.cont5 .item2 .down .ul1 li{width:151px;overflow: hidden; margin: 10px 0;}
.cont5 .item2 .down ul p{width: 149px;height:37px;background-color: #202838;border: 1px solid #00478f;line-height: 39px;}
.cont5 .item2 .down .ul2,.cont5 .item2 .down .ul3,.cont5 .item2 .down .ul4,.cont5 .item2 .down .ul5,.cont5 .item2 .down .ul6{margin-left: 18px;}
.cont5 .item2 .down .ul2 li{width:151px;overflow: hidden;margin-top: 8px;}
.cont5 .item2 .down .ul2 li.li1{margin-top: -17px;}
.cont5 .item2 .down .ul3 li{width:151px;overflow: hidden;margin-top: 95px;}
.cont5 .item2 .down .ul3 li.li1{margin-top: 25px;}
.cont5 .item2 .down .ul4 li{width:151px;overflow: hidden;margin-top: 92px;}
.cont5 .item2 .down .ul4 li.li1{margin-top: 7px;}
.cont5 .item2 .down .ul5 li{width:151px;overflow: hidden;margin-top: 93px;}
.cont5 .item2 .down .ul6 li{width:151px;overflow: hidden;margin-top: 74px;}
/* 导航 */
.nav_box{position: fixed; width: 193px;height: 410px;right: 2%;top:25%;z-index: 9;text-align: right;}
.nav_box li{width: 193px;height: 72px;}
.nav_box li.on{background: url(//game.gtimg.cn/images/fo4/cp/a20191028champion/nav-bg.png) no-repeat;}
.nav_box li .btn-nav{display: block; font-size: 16px;color: #acc4e9;padding: 15px 20px 0 0;}
.nav_box li .btn-nav span{font-size: 12px;color: #6f7a9f;}
.nav_box li.on .btn-nav{font-size: 20px;color: #fff;font-weight: bold;}
.nav_box li.on .btn-nav span{font-size: 14px;color: #e3e3e3;}
/* .nav_box li a{color: #fff;line-height: 70px;font-weight: 500;display: inline-block;}
.nav_box li.on a{color: #fff;font-weight: bold;filter: none;} */
.nav_box li .nav-top{width: 99px;height: 20px; background: url(//game.gtimg.cn/images/fo4/cp/a20191028champion/nav-top.png) no-repeat;float: right;padding-right: 20px;}
.nav_box li.on .nav-top{background: url(//game.gtimg.cn/images/fo4/cp/a20191028champion/nav-topon.png) no-repeat;}