@charset "utf-8";
/*CSS Reset*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td,form { padding: 0; margin: 0; }
ol, ul, dl {list-style: none; }
body {font: 12px/1.5 "Microsoft YaHei",simsun, tahoma; color: #333; background: #ededed; word-break: break-all; word-wrap: break-word }
img {border: none }
table{border-collapse: collapse; border-spacing: 0 }
input,textarea,select { font: 14px simsun, tahoma; outline: none }
a {color: #482700; text-decoration: none; }
a:hover { text-decoration: underline }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100% }
.clearfix:after { visibility: hidden; display: block; content: ""; clear: both; font-size: 0; height: 0; }
.clearfix {zoom:1; }
.relative{position:relative;left:0;top:0;overflow:hidden;zoom:1;}
.none{display:none;}

/*main*/


.logo{position:absolute; display:block;text-indent:-999em;overflow:hidden;}
.logo_hot{ right: 220px; top: 12px; width: 180px; height: 80px; }
.logo_act{ right: 40px; top: 12px; width: 150px; height: 80px; }
.share{ position:absolute;right:20px; top:20px; color: #fff;}
.share #btn_one_key_share{width:60px}

.head_slide{position: absolute; top: 460px; left: -10px; width: 1052px;}
.slide{ overflow: hidden; position: relative; width: 1052px; height: 81px; }
.slide_con{position: absolute; left: 45px; top: 0px; width: 960px; height: 306px; overflow: hidden;}
.slide_con ul{width:99999px;}
.slide_con li{float: left; text-align: center; color: #fff; width: 160px; overflow: hidden; height: 81px;}
.slide_con li a{display: block; text-align: center; margin:0 auto; width: 132px; height: 81px; background: url(//images.17173cdn.com/2014/hs/2014/02/14/2/btn_event.gif) no-repeat 0 0; color: #dac298; font-size: 22px; font-weight: bold; line-height: 81px; text-align: center; text-shadow:0 0 3px rgba(0,0,0,.5); text-decoration: none;} 
.slide_con li a span{display: block; font-size: 18px; font-weight: normal;}
.slide_con li.light a,.slide_con li a:hover{background-position: -132px 0; color: #000;}
.slide_con li.light a{line-height: 30px; padding-top:12px;} 
.slide_con li.light a span{display: block; font-size: 18px; font-weight: normal;}

.slide a.btn_prev,.slide a.btn_next{ position: absolute; top: 8px; display: block; width: 40px; height: 70px; outline: none; background: url(//images.17173cdn.com/2014/hs/2014/02/14/2/sprite.png) no-repeat;}
.slide a.btn_prev{left: 0px; background-position: 0 0;}.slide a.btn_prev:hover{background-position: -40px 0;}
.slide a.btn_next{right: 0px; background-position: -80px 0;}.slide a.btn_next:hover{background-position: -120px 0}



.left{float: left;} .right{float: right;}

.header .date{ position: absolute; left: 520px; top: 308px; font:normal 20px/32px "微软雅黑"; color: #fff; text-shadow:1px 1px 1px rgba(0,0,0,.5);}
.rank{position: relative; width: 1002px; overflow: hidden;}
.rank01{background:url(//images.17173cdn.com/2014/hs/2014/02/14/2/rank01.jpg) no-repeat; height: 200px;}
.rank02{background:url(//images.17173cdn.com/2014/hs/2014/02/14/2/rank02.jpg) no-repeat; height: 191px;}

.top_1,.top_2,.top_3{position: absolute; font-size: 24px; color: #000;}
.rank a{font-size: 14px; color:#000; display: block; margin:0 auto;}
.top_1{left: 360px; top: 277px; width: 270px;}
.top_2{left: 100px; top: 298px; width: 250px;}
.top_3{left: 637px; top: 310px; width: 250px; line-height: 1.2}

.intro{background: url(//images.17173cdn.com/2014/hs/2014/03/17/intro_bg.jpg) no-repeat; height: 276px; overflow: hidden; padding-top: 57px; text-align: left;}
.intro span{color: #f00;} .intro h4{height: 50px;}
.in_reward{ padding-left: 27px; width: 340px;}
.in_reward li{padding-left: 25px; background: url(//images.17173cdn.com/2014/hs/2014/02/14/2/sprite.png) no-repeat -140px -220px; font-size: 14px; font-weight: bold; margin-bottom: 10px; line-height: 24px;}
.in_info{padding-left: 18px; width: 234px; font-size: 16px; line-height: 30px;}
.in_apply{font-size: 16px; width: 328px; padding-right: 30px; position: relative; height: 267px;}

.sprite,.skill span{background: url(//images.17173cdn.com/2014/hs/2014/02/14/2/sprite.png) no-repeat;}

.rule{background: url(//images.17173cdn.com/2014/hs/2014/02/14/2/rule_db.jpg) no-repeat center bottom;}
.rule_t{background: url(//images.17173cdn.com/2014/hs/2014/02/14/2/rule_t.jpg) no-repeat center top; padding-bottom: 50px;}


.r_news{background:#cabda7 url(//images.17173cdn.com/2014/hs/2014/02/14/2/rule_con.jpg) no-repeat left top; border:1px solid #aa9879; width: 295px; text-align: left; padding: 20px 20px 30px; margin-left: 22px; font-size: 14px; margin-top: 35px;}
.r_news li{padding-top: 6px;}
.r_rule{margin-left: 8px; font-size: 12px; color: #482700; padding-bottom: 15px;}
.r_rule strong{display: block; font-size: 14px; color: #000;}

.rule .t_head{ height: 24px; line-height: 20px; position: relative; margin-bottom: 10px;}
.rule .t_head a.btn_more{position: absolute; right:0; top: 0; font-size: 12px;}
.rule h4{font-size: 16px; color: #000; font-weight: bold; text-indent: 60px;}
.rule .t_head .i_rule{ background-position: 0 -178px; width: 70px; height: 62px; display: block; position: absolute; left:-10px; top: -40px;}
.r_interview{width: 270px; margin-right: 20px; background:#cabda7 url(//images.17173cdn.com/2014/hs/2014/02/14/2/rule_inbg.jpg) no-repeat; text-align: left; padding: 20px 0 0;}
.r_interview h4{ text-indent: 12px; margin-bottom: 55px;}
.r_interview ul{padding-left: 10px;}
.r_interview li{text-align: center; float: left; width: 80px; height: 80px; margin-bottom: 25px; font-weight: bold;} 
.r_interview li img{display: block; margin:0 auto 4px; border:1px solid #4b231a;}
.r_interview li img:hover{border-color: #fff;}

.r_img{ width: 960px; margin:15px auto;}
.r_img ul{width: 110%;}
.r_img li{float: left; width: 232px; margin-right: 10px;}
.r_img li a{display: block; width: 234px; height: 80px; background: #a69e87; border:1px solid #68676d;}


.contest_t{background: url(//images.17173cdn.com/2014/hs/2014/02/14/2/contest_t.jpg) no-repeat center top; padding-top: 17px; margin-bottom: 25px;}
.contest{background: url(//images.17173cdn.com/2014/hs/2014/02/14/2/contest_bg.jpg) no-repeat center top; width: 956px; height: 472px; margin:0 auto; padding-top: 28px; overflow: hidden;}
.contest .con_tab{ width: 580px; margin:0 auto 60px;}
.contest .con_tab li{float: left; width: 160px; height: 32px; margin-right: 20px;}
.contest .con_tab li a{display: block; width: 160px; height: 32px; background: url(//images.17173cdn.com/2014/hs/2014/02/14/2/tab_bg.jpg) no-repeat; line-height: 32px; text-indent: 36px; text-decoration: none;color: #e8cda1; outline: none;}
.contest .con_tab li.on a{  color: #020202;background-position: -160px 0;}
.con_main{ overflow: hidden;}
.con_main h4{ height: 42px;}
.con_main .chart{background: url(//images.17173cdn.com/2014/hs/2014/02/14/2/chart_bg.jpg) no-repeat; width: 817px; height: 284px; margin:0 auto; position: relative;}
.con_main .chart .num{ display: block; width: 35px; position: absolute; left: 0; top: 0; font-size: 20px; text-align: right;}
.con_main .chart .num li{height: 25px; margin-bottom: 8px; color: #090501;}
.con_main .chart .class_chart{position: absolute; left:45px; top: 17px;}
.con_main .chart .class_chart li{width: 60px; margin-left: 25px; float: left; color: #000; font-size: 18px; line-height: 24px;}
.con_main .chart .chartbar{height: 232px; width: 27px; position: relative; margin:0 auto; overflow: hidden; margin-bottom: 10px;}
.con_main .chart .chartbar span{display: block; height: 100%; width: 27px; background: #110d10; position: absolute; bottom: 0; left: 0;}


.game_order{width: 960px; margin:0 auto; text-align: left;}
.game_order .t_head{ border-bottom: 2px solid #8d604a; height: 36px; position: relative;}
.game_order .t_head h4{font-size: 24px; text-indent: 75px;}

.game_order .game_tab{position: absolute; right:0; top: 1px;}
.game_order .game_tab li{float: left; width: 100px;}
.game_order .game_tab li a{display: block; text-align: center; line-height: 36px; height: 36px; font-size: 14px; outline: none; text-decoration: none;}
.game_order .game_tab li.on a{ border:1px solid #875944; border-bottom: 0; background: #dac298; color: #d84025;}


.game_con{background: #dac298; border:1px solid #8d604a; border-top: 0; min-height: 300px; position: relative; padding: 20px 0;}
.game_con .murloc{display: block; width:192px; height: 169px; background: url(//images.17173cdn.com/2014/hs/2014/02/14/2/murloc_bg.png) no-repeat; position: absolute; left: -100px; top: -52px; }
.game_con .gamers{display: none;}
.game_list{ width: 920px; overflow: hidden; background: #e9d3a9; margin:0 auto; position: relative; padding:10px 5px 5px 8px;}
.game_list ul{width: 110%;}
.game_list li{background: #d7b98a; text-align: center; line-height: 28px; height: 28px; overflow: hidden; margin-right: 10px; width: 105px; float: left; margin-bottom: 15px;} .game_list li a{display: block;}

.top16{background: url(//images.17173cdn.com/2014/hs/2014/02/14/2/top16_bg.jpg) no-repeat; width: 847px; height: 434px; position: relative; margin:0 auto;}
.top16 li{width: 121px;height: 40px;text-align: center; padding-top: 2px;}
.top16 li .name{font-size: 12px; color: #604029; font-weight: bold; white-space: nowrap;}
.top16 li .score{height: 15px; line-height: 15px; color: #f00;}
.top16_gamer{width: 100%; position: absolute; left: 0; top: 0;}
.top16_gamer ul{margin-bottom: 15px}
.top16_gamer li{margin-bottom: 10px; height: 42px;}
.top8_gamer{width: 572px; position: absolute; left: 137px; top: 0; padding-top: 10px;}
.top8_gamer ul{margin-bottom: 50px;}
.top8_gamer li{margin-bottom: 60px; height: 50px;}
.top4_gamer{width: 300px; position: absolute; left: 274px; top: 0; padding-top: 68px;}
.top4_gamer ul{margin-bottom: 170px;}
.top4_gamer li{ height: 50px;}

.top4{ width: 950px; margin:0 auto; overflow: hidden; padding-left: 1px; position: relative;}
.top4_list{}
.top4_list ul{width: 110%;}
.top4_list li{background: url(//images.17173cdn.com/2014/hs/2014/02/14/2/top4_bg.jpg) no-repeat; width: 209px; height: 354px; margin:0 0 0 -1px; padding: 20px 15px; float: left; overflow: hidden;}
.top4_list dl{overflow: hidden; margin-bottom: 10px;}
.top4_list dt{width: 74px; float: left;} .top4_list dt img{border:1px solid #4e2013; } .top4_list dt img:hover{border-color: #fff;}
.top4_list dd{margin-left: 82px;} .top4_list dd .name{font-size: 18px; color: #000; white-space: nowrap;}
.top4_list dd .grade{color: #460e03; font-size: 14px; margin-top: 4px;}

.top4_list a.btn_watch{background: url(//images.17173cdn.com/2014/hs/2014/02/14/2/btn_watch.gif) no-repeat; text-align: center; width: 128px; height: 31px; color: #fff; text-decoration: none; display: block; margin:0 auto 10px; line-height: 31px;}
.top4_list a.btn_watch:hover{background-position: 0 -31px;}

.top4_list .battle{ font-size:14px; color: #000; font-weight: bold;}
.top4_list .battle span{color: #460e03; display: inline-block; margin-left: 10px; font-weight: normal;}
.top4_list .b_result{text-align: center; font-size: 40px; color: #460e03;}

.skill span{ width: 22px; height: 23px; display: inline-block; vertical-align: middle; margin:0 1px;}
.skill span.skill_1{background-position: -87px -178px;} .skill span.skill_2{background-position: -113px -178px;} .skill span.skill_3{background-position: -138px -178px;}


.video{border:1px solid #8d604a; border-top: 0; width: 898px; margin:0 auto; text-align: left; background: #c9bda6; padding: 0 30px; margin-bottom: 25px;}
.video .t_head{ position: relative; height: 45px; margin-bottom: 10px;}
.video .t_head h4{background: url(//images.17173cdn.com/2014/hs/2014/02/14/2/video_t.jpg) no-repeat; width: 306px; height: 45px;}
.video .t_head a.btn_more{position: absolute; right:0; top: 15px; font-size: 12px;}
.video_list{width: 870px; overflow: hidden;}
.video_list ul{width: 110%;}
.video_list li{float: left; margin-right: 30px; width: 149px; margin-bottom: 15px; text-align: center;}
.video_list li a{white-space: nowrap;}
.video_list .video_hover{width: 149px; height: 114px; position: relative; display: block; margin-bottom: 10px;}
.video_list .video_hover span{display: block; background: url(//images.17173cdn.com/2014/hs/2014/02/14/2/video_hover.png) no-repeat; width: 145px; height: 110px; position: absolute; left: 2px; top: 2px; display: none;}
.video_list li img{border:2px solid #b39f7d; width: 145px; height: 110px; position: absolute; left:0; top: 0;}

.comment{background: #c9bda6; width: 960px; margin:0 auto; overflow: hidden; text-align: left;}
.comment h4{background: url(//images.17173cdn.com/2014/hs/2014/02/14/2/comment_t.jpg) no-repeat left top; height: 35px; line-height: 35px; font-size: 16px;font-weight: bold; color: #ffedbd; text-indent: 20px; }
.comment .com_con{padding: 25px; overflow: hidden;}

.footer{background: url(//images.17173cdn.com/2014/hs/2014/02/14/2/footer.jpg) no-repeat center top; padding-top: 54px; height: 100px; color: #a7a7a7; text-align: center; line-height: 24px;}
.footer a{color: #a7a7a7; display: inline-block; margin:0 3px;}

html{_background:url(about:blank); }
.nav{ background: url(https://images.17173cdn.com/2014/hs/2014/02/14/2/nav_bg.png) no-repeat; padding: 35px 42px 0 68px; height: 306px; position: fixed; overflow: hidden; width: 100px; right:10px; top: 20%; display: none; _position: absolute; _top:expression(eval((document.compatMode&&document.compatMode=="CSS1Compat")?documentElement.scrollTop+documentElement.clientHeight-this.clientHeight-250:document.body.scrollTop+document.body.clientHeight-this.clientHeight-1));}
.nav li{ margin-bottom: 4px; height: 40px; text-align: left;}
.nav li a{display: block; color: #573612; height: 40px; font-size: 18px; font-weight: bold; line-height: 40px; text-align: left; outline: none;}
.nav li a:hover{ color: #950006; text-decoration: none;}
.nav li a.btn_totop{ height: 30px;}