@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}table{border-collapse;border-spacing:0;}fieldset, img{border:0 none;}li{list-style:none outside none;}a{outline:none;-moz-outline:none;background:url(#);text-decoration:none;}a:hover{text-decoration:underline;}iframe{display:block;}h1,h2,h3,h4,h5,h6{line-height:1.5em;}select, input, button, textarea{font:99% arial,helvetica,clean,sans-serif}.nowrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis; vertical-align:bottom;}.inb{display:inline-block;vertical-align:middle;}.red{color:#d00;}.emp{display:block;position:absolute;left:50%;}.ht{text-indent:-9999px;}.radius05{border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;}.fl{float:left;display:inline;}.fl1{float:left;display:inline;}.fr{float:right;display:inline;}.clearfix:after{content: ".";display: block;height:0;clear: both;visibility: hidden;} .clearfix {display: inline-block; }* html .clearfix {height: 1%;}.clearfix {display: block;}.fb{ font-weight:bold}input[type="submit"],button{cursor:pointer;}legend{display:none;}.cb{ clear:both;}
/*************html5 default set***************/
header,hgroup,article,nav,footer,section,aside{display:block;}hgroup{position:relative;}address, caption, cite, code, dfn, em, th, var{font-style:normal;font-weight:normal;}img{vertical-align:top;}
body,html{ font-family:Noto Sans SC;font-weight: 500;background: black;}
.wrap{width: 100%;background: url("../images/bg.jpg") center top no-repeat;}
.content{width: 1000px;margin: 0 auto;padding-top: 551px;padding-bottom: 200px;}
.live-btn{display: block;width: 255px;height: 45px;margin: 0 auto 26px;}
.date{width: 456px;height: 26px;text-align: center;line-height: 26px;background: #290916;font-size: 16px;color: white;margin: 0 auto 32px;}
.date span{color: #ff9900;}
.menu-wrap{height: 40px;border-bottom: 2px solid #ffb400;border-top: 2px solid #ffb400;line-height: 40px;margin-bottom: 55px;}
.menu-wrap a{display: block;width: 25%;height: 40px;text-align: center;color: white;font-size: 16px;background: url("../images/plus.png") right center no-repeat;}
.menu-wrap a:last-child{background: none;}
.menu-wrap a:hover{text-decoration: none;}
.team-wrap{clear: both;margin-bottom: 65px;}
.team-wrap h2{height: 45px;width: 100%;background: url("../images/team_title.png") center top no-repeat;}
.team-list{display: flex;justify-content: space-between;width: 100%;padding: 0;}
.team-list a{display: block;height: 195px;}
.wei-btn{background: url("../images/wei.png") no-repeat;width: 331px;}
.wu-btn{background: url("../images/wu.png") no-repeat;width: 329px;}
.shu-btn{background: url("../images/shu.png") no-repeat;width: 319px;}
.reward-wrap{width: 50%;text-align: center;}
.news-wrap{width:470px;}
.news-wrap h2{text-align: right;height: 45px;width: 100%;background: url("../images/news_title.png") left top no-repeat;}
.news-wrap h2 a{display: inline-block;width: 55px;height: 12px; font-size: 11px;color: #ffde00;vertical-align: middle;background: url("../images/plus.png") right center no-repeat;text-align: left;line-height: 12px;}
.news_list{ padding-top:35px;}
.news_list li{ height:22px; margin-bottom:18px; font-size:14px; color:white;}
.news_list li span{ display:inline-block;width:100px; height:22px; text-align:center; line-height:22px; border-radius:30px; background:#666; margin-right:18px;}
.news_list li a{ color:white; line-height:22px;}
.media-wrap{clear: both;margin-top: 30px;}

.inner-wrap{background: url("../images/inner_bg.jpg") center top no-repeat;}
.inner-wrap .content{padding-top: 282px;}
.inner-wrap .live-btn{margin: 0 auto 48px;}
.inner-wrap .menu-wrap{margin-bottom: 30px;}
.inner-wrap .menu-wrap a{width: 20%;}
.event-wrap{width: 100%;position: relative;}
.event-wrap h2{height: 200px;width: 100%; background: url("../images/event_rule_title.png") center 18px no-repeat;margin-bottom: 50px;}
.top-img{display: block;position: absolute;top: 155px;right: -100px;z-index:5;}
.event-wrap h3{text-align: center;background: url("../images/event_title.png") no-repeat;width: 154px;height: 34px;font-size: 16px;color: #ffc600;line-height: 34px;}
.event-date{height: 34px;margin-bottom: 40px;}
.event-date p{font-size: 16px;color: white;margin-left: 6px;line-height: 34px;}
.event-rule{padding-top: 10px;height: 350px;clear: both;}
.event-rule ul{margin-left: 60px;}
.event-rule ul li{line-height: 40px;font-size: 14px;color: white;list-style: decimal;}
.event-reward{width: 100%;padding: 35px 0;background: #17101d;position: relative;z-index: 3;border-radius: 7px;margin-top: 70px;}
.event-reward h3{margin-left: 8px;}
.event-reward b{display: block;width: 100%;text-align: center;line-height: 40px;margin-bottom: 24px;font-size: 22px;color: white;}
.event-reward b span{color: #ff9000;}
.event-reward img{display: block;margin: 0 auto;}
.live-link{display: block;margin: 50px auto 0;background: url("../images/live_btn.png") no-repeat;width: 387px;height: 98px;}

.live-wrap{background: url("../images/live_bg.jpg") center top no-repeat;height: 2350px;}
.live-wrap .content{padding-top: 526px;width: 1130px;}
.video-wrap{height: 765px;overflow: hidden;margin-bottom: 55px;}
#video{width: 840px;}
.video-wrap .title{line-height: 60px;color: #927ac7;font-size: 28px;text-align: left;}
.media-img img{display: block;position: absolute;left: 10px;top: 30px;}
.video-wrap #video .title{padding-left: 22px;}
.live-list{width: 100%;height: 70px;display: flex;justify-content: space-between;}
.live-list img{height: 70px;}
.match-info{width: 270px;}
.match-info div{width: 228px;border: 1px solid #eb6100;background: #140e0e;padding: 0 20px;}
.date-info{height: 496px;margin-bottom: 20px;}
.match-info div.media-img{height: 240px;text-align: center;position: relative;}
.live-date{font-size: 18px;color: white;font-weight: bold;line-height: 40px;margin-bottom: 15px;}
.live-rule{clear: both;margin-left: 57px;}
.live-rule ul li{line-height: 36px;font-size: 14px;color: #d7c9a6;list-style: decimal;}
.gu-wrap{clear: both;width: 1065px;margin: 0 auto 40px;padding-top: 130px;background: url("../images/live_title.png") center top no-repeat;}
.gu-wrap div{width: 255px;height: 272px;margin: 0 50px;background: url("../images/gu_btn.png") no-repeat;}
.gu-wrap div a{display: block;width: 134px;height: 134px;margin: 0 auto;}
.gu-wrap div span{display: block;background: url("../images/gu_wei.png") no-repeat;width: 130px;height: 75px;margin: 0 auto;}
.gu-wrap div.gu-wu span{background: url("../images/gu_wu.png") no-repeat;}
.gu-wrap div.gu-shu span{background: url("../images/gu_shu.png") no-repeat;}
.gu-wrap div p{text-align: center;height: 43px;line-height: 43px;font-size: 18px;color: #ffe796;font-weight: bold;margin-top: 15px;}
.gu-wrap div p b{color: white;margin-left: 20px;}
.lottery-btn{display: block;margin: 40px auto 0;background: url("../images/lottery.png") no-repeat;width: 203px;height: 63px;}
.lottery-count{text-align: center;color: #ff9c00;font-size: 16px;line-height: 60px;}
.lottery-count b{color: white;font-size: 22px;padding-left: 10px;}

#teamList  a{background-position: 0 -195px;}
#teamList  a.sel{background-position: 0 0;}
.captain-wrap{width: 800px;margin: 60px auto 0;height: 520px;}
.captain-wrap h3{height: 80px;}
.team-captain{width: 400px;margin: 0 auto;}
.team-skill h3{background: url("../images/skill_title.png") center top no-repeat;}
.team-captain h3{background: url("../images/captain_title.png") center top no-repeat;}
.player-wrap{width: 223px;margin: 0 auto;position: relative;height: 350px;}
.player-wrap img{width: 223px;}
.player-wrap::after{position: absolute;background: url("../images/king.png") no-repeat;width: 78px;height: 67px;display: block;content: "";right: -24px;top: -36px;}
.player-info{position: absolute;bottom: 0;left: 0;width: 100%;height: 44px;background: #666;padding: 8px 0;}
.player-info p{line-height: 22px;text-align: center;font-size: 16px;color: #ffcc33;}
.player-info p span{color: white;padding-left: 20px;}
.team{clear: both;}
.team-name{background: url("../images/team_ID.png") left center no-repeat;width: 570px;height: 61px;line-height: 61px;font-size: 24px;color: #f5b64e;padding-left: 25px;margin-bottom: 10px;}
.team .player-wrap{margin: 0 10px 20px;}
.team .player-wrap::after{background: none;}

.rule-wrap h2{width: 100%;background: url("../images/rule_title.png") center no-repeat;height: 100px;}
.rule-wrap div{width: 1000px;margin: 0 auto;background: #17101d;padding: 30px 0;}
.rule-tips{width: 907px;line-height: 46px;height: 46px;text-align: center;font-size: 18px;color: white;background: #ac1f52;border-radius: 8px;margin: 0 auto 30px;}
.rule-wrap h3{background: url("../images/event_title.png") no-repeat;width: 154px;height: 34px;line-height: 34px;padding-left: 20px;font-size: 16px;color: white;margin-left: 25px;}
.rule-wrap h3 span{color: #ffc600;padding-right: 5px;}
.rule-text{line-height: 40px;color: white;margin-left: 45px;font-size: 14px;margin-bottom: 50px;}
.team-skill{width: 270px;}
.skill-name{width: 140px;position: relative;height: 120px;padding-top: 40px;color: #31210b;font-size: 42px;text-align: center;line-height: 50px;}
.skill-name b{display: block;position: absolute;width: 130px;height: 160px;line-height: 160px;left: 0;top: 0;font-size: 36px;color: #e6e69e;font-weight: normal;text-align: center;}
.skill-name span{font-size: 22px;color: #f5b64e;}
.skill-intro{font-size: 18px;color: white;line-height: 30px;width: 250px;}