@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:bold;}
ol,ul{list-style-type:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}/*font-size:100%;的作用主要是改变它默认的大小，继承父体的字体大小*/
q:before,q:after{content:' ';}
abbr,acronym{border:0;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.cb{clear:both;}
.cl{clear:left;}
.cr{clear:right;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}
.zoom{zoom:1;}
.hidden{visibility:hidden;}
/**/
a{text-decoration:none; color:#a0a0a0;}
a:hover{text-decoration:none; color:#ddd;}
/* CSS Document */
body{ color:#a0a0a0; font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:12px; background:#02040a; position:relative;}
a{outline:none;blr:expression(this.onFocus=this.blur());}
/*公共bg*/
.eventLi li p,.eventLi li .mask{ background:url(http://www.qiyipic.com/games/fix/dota2-finals/img/icon.png) no-repeat;}
.wrap,.main,.top{min-width:998px; _width:expression(document.body.clientWidth < 998 ? "998px" : "auto");}
.wrap{ width:100%; position:relative; background:#02040a;}
	h1{ display:none;}
	.bg{ position: absolute; left:0; top:0; width:100%; z-index:0;}
		.bg_01{ background:url(http://www.qiyipic.com/games/fix/dota2-finals/img/bg_01.jpg) no-repeat center top; height:481px;}
		.bg_02{ background:url(http://www.qiyipic.com/games/fix/dota2-finals/img/bg_02.jpg) no-repeat center top; height:615px;}
		.bg_03{ background:url(http://www.qiyipic.com/games/fix/dota2-finals/img/bg_03.jpg) no-repeat center top; height:694px;}
		.bg_04{ background:url(http://www.qiyipic.com/games/fix/dota2-finals/img/bg_04.jpg) no-repeat center top; height:520px;}
	/*main*/
	.main{ width:998px; margin:0 auto; padding:481px 0 100px 0; position:relative; z-index:1;}
		.trailer,.event,.figure{ width:998px; margin:50px auto 0; *margin:25px auto 0;}
		.trailer h2,.event h2,.figure h2{ text-indent:-9999px; width:998px; height:54px;}
		/*trailer*/
		.trailer h2{ background:url(http://www.qiyipic.com/games/fix/dota2-finals/img/trailerT.jpg) no-repeat;}
			/* sliderbox */
			.sliderbox{width:988px;overflow:hidden;margin:0 auto;}
			.arrow-btn{margin:80px 0 0 0;display:inline; background:url(http://www.qiyipic.com/games/fix/dota2-finals/img/icon.png) no-repeat; height: 86px; width: 44px;overflow:hidden;cursor:pointer;}
			#btn-left{float:left;margin-right:10px; background-position:0 -37px;}
			#btn-left.dasabled{}
			#btn-right{float:right;margin-left:10px;cursor:pointer; background-position:-43px -37px;}
			#btn-right.dasabled{}
			.slider{width:880px;position:relative;float:left; height:auto; overflow:hidden;}
			.slider ul{ position:relative;width:1800000px;list-style:none;}
			.slider li{float:left;width:300px;}
			.slider a{display:block;text-decoration:none;color:#073a5e;font-size:12px;font-weight:bold;text-align:center;margin-top:24px;}
			.slider img{width:90px;display:inline-block!important;}
			/**/
			.slider h3{ color:#5a79cb; font-size:28px; height:68px; font-weight:600; text-align:center; position:relative;}
			.slider h3 span{ background:url(http://www.qiyipic.com/games/fix/dota2-finals/img/icon.png) no-repeat 0 0; width:31px; height:36px; display:block; position:absolute; left:42%; bottom:0;}
			.slider p{ background:url(http://www.qiyipic.com/games/fix/dota2-finals/img/icon.png) no-repeat -62px 8px; line-height:22px;height:22px; font-size:14px; position:relative; padding-left:80px;}
			.slider p span{ position:absolute; left:15px; top:0; color:#5a79cb; font-weight:600;}
			/*当前日期赛事*/
			.slider .on,.slider .on h3{ color:#94438d;}
			.slider .on p{ background:url(http://www.qiyipic.com/games/fix/dota2-finals/img/icon.png) no-repeat -62px -20px;}
			.slider .on h3 span{ background:url(http://www.qiyipic.com/games/fix/dota2-finals/img/icon.png) no-repeat -31px 0;}
			.slider .on p span{ color:#bdcfff;}

		/*event*/
		.event h2{ background:url(http://www.qiyipic.com/games/fix/dota2-finals/img/eventT.jpg) no-repeat; position:relative;}
		.event h2 .more{ position:absolute; right:24px; top:-28px; display:block; width:75px; height:30px;}
			.eventLi{ margin-top:20px;}
			.eventLi li{ float:left; width:239px; margin-right:14px; position:relative;}
			.eventLi li.noMr{ margin-right:0;}
			.eventLi li p{ background-position:10px -286px; padding:0 10px 0 20px; line-height:22px; height:22px; overflow:hidden;}
			.eventLi li a{ color:#a0a0a0;}
			.eventLi li a:hover{ color:#ccc;}
			.eventLi li .mask{ position:absolute; left:0; top:0; width:239px; height:144px; background-position:0 -123px; cursor:pointer; display:none;}
		/*event*/
		.figure h2{ background:url(http://www.qiyipic.com/games/fix/dota2-finals/img/figureT.jpg) no-repeat;}
		.jmbzbox{margin-top:20px;height:330px;width:998px;}
			.hs_container{ position:relative;height:330px; width:960px;overflow:hidden;clear:both;}
			.hs_container .hs_area{ position:absolute;}
			
			.hs_area img{position:absolute; top:0px; left:0px; display:none;}
			.hs_area img.hs_visible{ display:block; z-index:9999;}
			
			.hs_area1{ width:363px; height:325px;top:0;left:0px; overflow:hidden; cursor:crosshair;}
			.hs_area2{ width:210px; height:123px;top:0;left:366px;overflow:hidden; cursor:crosshair;}
			.hs_area3{ width:210px; height:199px;top:126px;left:366px;overflow:hidden; cursor:crosshair;}
			.hs_area4{ width:208px; height:325px;top:0;left:579px; overflow:hidden; cursor:crosshair;}
			.hs_area5{ width:208px; height:164px;top:0;left:790px; overflow:hidden; cursor:crosshair;}
			.hs_area6{ width:208px; height:158px;top:167px;left:790px; overflow:hidden; cursor:crosshair;}

/*爱奇艺底部*/
.footer,.big_bg{ background:#fff;}