@charset "utf-8";
  /* CSS Document */
  body{ font-size:12px;}
  .warpper{ background: url(//images.17173cdn.com/2014/lol/2014/06/04/top10_top02.jpg) #203d64 center top no-repeat;}
  .warpper-in{ width:1000px; margin:0 auto; position:relative; padding:0 10px;}
  .top{ height:340px; display:block;}
  .content{}
  .lead{ margin-top:15px;   background:#000; border:1px #666 solid; filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8; padding:17px 28px; overflow:hidden; margin-bottom:75px;}
  .lead img{ border:1px solid #333;}
  .lead img:hover{ border:1px solid #09F;}
  .lead-l{ width:272px;float:left; margin-right:22px; border-right:#2e758a 1px solid; padding-right:22px;}
  .lead-r{ width:625px; float:left;}
  .lead-r .txt{ color:#36acd1; line-height:24px; font-size:14px;font-family:Microsoft Yahei;}
  .lead-r .txt a{color:#36acd1;}
  .lead-r .txt a:hover{ text-decoration:underline;}
  .lead-r .rank{ overflow:hidden; margin-top:20px; }
  .lead-r .rank img{ width:75px; }
  
  .lead-r .rank .rank-up{ float:left; width:49%;border-right:#2e758a 1px solid;height:215px; }
  .lead-r .rank .rank-up-t{ display:block; width:107px; height:26px; background:url(//images.17173cdn.com/2014/lol/2014/02/21/icon.png) 0 0 no-repeat; margin-left:100px; margin-bottom:10px; }
  .lead-r .rank .rank-up-d{ text-align:center;}
  .lead-r .rank .rank-up-d 
  .lead-r .rank .rank-up-d ul{overflow:hidden;}
  .lead-r .rank .rank-up-d li{ float:left; width:102px; margin-bottom:10px;}
  .lead-r .rank .rank-up-d li a{ position:relative;}
  .lead-r .rank .rank-up-d li span{  position:absolute; left:1px; bottom:1px; width:70px; padding-right:5px; text-align:right;  background: no-repeat #2a86ab;  color:#FFF;line-height:15px;filter:alpha(opacity=80); 
-moz-opacity:0.8;  
      -khtml-opacity: 0.8;  
      opacity: 0.8;  font-size:12px; font-weight:bold;  }
  
  .lead-r .rank .rank-down{ float:left;width:49%;}
  .lead-r .rank .rank-down-t{display:block; width:107px; height:26px; background:url(//images.17173cdn.com/2014/lol/2014/02/21/icon.png) 0 -35px no-repeat; margin-left:100px; margin-bottom:10px;}
  .lead-r .rank .rank-down-d{text-align:center;}
  .lead-r .rank .rank-down-d ul{overflow:hidden;}
  .lead-r .rank .rank-down-d li{ float:left; width:102px;margin-bottom:10px;}
  .lead-r .rank .rank-down-d li a{ position:relative;}
  .lead-r .rank .rank-down-d li span{  position:absolute; left:1px; bottom:1px; width:70px; padding-right:5px; text-align:right;  background: no-repeat #2a86ab;  color:#FFF;line-height:13px;filter:alpha(opacity=80); 
-moz-opacity:0.8;  
      -khtml-opacity: 0.8;  
      opacity: 0.8;  font-size:12px; font-weight:bold; }
  
  .top10{background-color:#fff; border:1px #E1E1E1 solid; padding:20px 0 20px 28px; overflow:hidden; margin-bottom:56px;}
  .top10 .team,top10 .vs,top10 .intro,top10 .video,top10 .tit{ float:left;}
  .top10 .team{  width: 652px; font-size:14px; padding-left:25px;}
  .top10 .team .explan{ height:124px; padding-right:20px;}
  .top10 .team .explan-t{}
  .top10 .team .explan-d{}
  .top10 .team .explan p{ line-height:25px;}
  
  .top10 .team .videolist{}
  .top10 .team .videolist-t,.top10 .team .newslist-t{line-height:35px; font-size:16px; font-weight:bold; font-family:Microsoft Yahei;} 
  .top10 .team .videolist-d,.top10 .team .newslist-d{ margin-top:6px;}
  .top10 .team .videolist-d a{color: #05a;}
  .top10 .team .videolist-d img{ height:25px;}
  .top10 .team .videolist-d a:hover{text-decoration:underline;}
  .top10 .team .videolist ul,.top10 .team .newslist-news ul{ overflow:hidden;}
  .top10 .team .videolist li{ float:left; width:134px; overflow:hidden; margin-right:29px;}
  .top10 .team .videolist li a{ display:block;}
  .top10 .team .videolist li .pic{ margin-bottom:5px; position:relative; display:block;}
  .top10 .team .videolist li .pic img{ width:130px; height:98px; border:2px #999 solid;}
  .top10 .team .videolist li .pic img:hover{ border:2px #06F solid;}
  .top10 .team .videolist li .txt { font-size:12px; width:130px; color:#999; height:39px; display:block;}
  .top10 .team .videolist li a:hover .txt,.top10 .team .newslist-d li a:hover{ text-decoration:underline;}
  
  .top10 .team .newslist{ margin-top:30px;}
  .top10 .team .newslist-d li{float:left; width:297px; overflow:hidden; margin-right:29px; line-height:22px; height:26px;}
  .top10 .team .newslist-d li a{ color:#999; font-size:12px;}
  
  
  
  .cover1 {
  position: absolute;
  display: block;
  width: 34px;
  height: 27px;
  background: url(//ue.17173cdn.com/images/lol/index/2013v2/cover1.png) 0 0 no-repeat;
  left: 48px;
  top: 39px;
  }
  
  .team .teamimg img{ width:80px; height:80px; border:#59181c solid 1px;} 
  .team .heroimg img{ width:34px; height:40px;}
  .team .faction{ line-height:44px; font-size:18px; font-weight:bold; font-family:Microsoft Yahei;}
  .top10 .vs{ width:123px; float:left;}
  .top10 .intro{float:left; margin:0 25px; border-left:1px solid #E1E1E1;border-right:1px solid #E1E1E1; height:206px; padding:0 26px;width: 276px;}
  .top10 .intro p{ font-size:12px; line-height:33px;font-family:Microsoft Yahei;}
  .top10 .video{float:left; width:212px;  border-right:1px solid #E1E1E1; padding-left:10px;}
  .top10 .video {}
  .video .avatar{}
  .video .avatar a:hover{ text-decoration:underline;}
  .video .avatar p{ color:#000; font-weight:bold; font-weight:bold; font-size:16px; margin-top:17px;font-family:Microsoft Yahei;}
  .video .avatar img{ width:120px;border: #999 2px solid; margin-top:10px; width:100px;}
  .video .avatar img:hover{ border:#06C 2px solid;}
  .video .data{ margin-top:10px;}
  .video .data .diff img{ width:13px;}
  .video .data .item img{ width:25px; margin-right:3px;}
  .video .data p{ line-height:30px; font-size:12px;}
  .top10 .tit,.top10 .titv{float:left;  background-color:#E4E4E4; width:50px; text-align:center; margin-right:20px; } 
  .top10 .tit p{ font-size:22px; line-height:425px; color:#000;font-family:Microsoft Yahei;}
  .top10 .titv p{ font-size:30px; line-height:51px; color:#000;}
  
  
  
  .comment{ background-color:#FFF;}
  
  .side-nav{ width: 150px; height: 250px;}
  .side-nav ul .top{ height:45px; background: url(//images.17173cdn.com/2014/lol/2014/02/21/scroll_top_01.png) no-repeat;filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;}
  .side-nav ul .top:hover{alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;}
  .side-nav ul li{height:25px; line-height:25px; padding-bottom: 7px; _padding-bottom:5px;}
  
  .side-nav ul li{ font-family:"\5fae\8f6f\96c5\9ed1";}
  .side-nav ul li a{  color:#2a86ab;  font-size:14px; display: block; position: relative;}
  .side-nav ul li a span{ padding-left: 22px;   color:#A8A3A3; }
  
  .side-nav ul li a:hover,.side-nav ul li a:hover span, .side-nav ul li a.current span { color:#fff;text-decoration:none;  }
  .side-nav ul li a .icon{ display: block; width:13px; height:4px; background:url(//ue.17173cdn.com/images/zq/zt/2013/template/spbtn2.png) no-repeat; background-position: -386px -34px; float: left; position: absolute; left:5px; top: 14px;*top:7px; }
  .side-nav ul li a.current .icon,.side-nav ul li a:hover .icon{overflow:hidden; width: 17px; height:4px; left:0px; background-position:-383px 0;}
  .side-nav ul .top a .icon{ display:none}
  .side-nav ul .top a{ display:inline-block; height:46px; width:46px; }
  
  .mod-rank{ position:relative; } 
  /* comm-mod3 */
  .comm-mod3{ } 
  .comm-mod3 .mod-hd{ }
  .comm-mod3 .mod-hd .tit{ float:left; color:#2e98c3; font-size:14px; line-height:40px; font-weight:bold;  position:relative; }
  .comm-mod3 .mod-hd .ico-t{ float:left; margin:14px 0 0 5px}
  .comm-mod3 .mod-hd .more{ float:right; color:#696969; line-height:40px}
  .comm-mod3 .mod-hd .date{ float:left; color:#aeaeae; line-height:40px; margin-left:10px}
  .comm-mod3 .mod-hd .date a{ color:#195b75;}
  .comm-mod3 .mod-hd .drop-down-box{ float:right; margin-top:10px}
  .comm-mod3 .mod-bd{ overflow:hidden}
  
  /* list-rank */
  .list-rank{ overflow:hidden; *zoom:1} 
  .list-rank .item{ overflow:hidden; *zoom:1; height:29px; line-height:29px}
  .list-rank .rank-c1{ float:left}
  .list-rank .rank-c2{ overflow:hidden; *zoom:1}
  .list-rank .num{ float:left; text-align:center; width:20px; height:20px; color:#fff; background:#22607d; line-height:20px; margin:5px 22px 0 0; font-size:12px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px}
  .list-rank .top3 .num{ background:#911e1e;}
  .list-rank .title{ overflow:hidden; *zoom:1}
  .list-rank .date{ float:right; color:#195b75; padding-right:5px}
  .list-rank .tit{ color:#2a86ab; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;  display:block; float:left; width:80%}
  .list-rank .tit:hover{ text-decoration:underline}
  
  /* drop-down-box */
  .drop-down-box{ position:relative;filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;} 
  .drop-down-box .box-hd{ border:1px solid #2a86ab; padding-left:5px; width:83px; position:relative}
  .drop-down-box .box-hd .title{ line-height:18px; color:#2a86ab}
  .drop-down-box .btn-control{ display:block; width:17px; height:16px; background:url(//ue.17173cdn.com/images/lol/index/2013v2/b2.png) -61px -126px no-repeat; position:absolute; right:1px; top:1px}
  .drop-down-box .box-bd{ display:none; border:1px solid #2a86ab; padding:5px 1px 0 1px; width:86px; background:#000; position:absolute; right:0; top:19px; }
  .drop-down-box .gb-tab-item{ padding-bottom:5px}
  .drop-down-box .gb-tab-c{ display:block; line-height:18px; color:#2a86ab; padding:0 5px}
  .drop-down-box .gb-tab-c:hover{ text-decoration:none; background:#f2f2f2}
  
  .zq-name {
  position: absolute;
  right: 0px;
  width: 173px;
  height: 52px;
  text-align: center;
  background-color: rgb(0, 0, 0);
  opacity: 0.8;
  padding: 3px;
  border-radius: 0px 0px 5px 5px;
  }
  
  .top .logo {
  display: block;
  overflow: hidden;
  position: absolute;
  width: 1000px;
  height: 247px;
  line-height: 999em;
  top: 60px;
  }
  
  .zq-name p {
  font-family: Microsoft Yahei;
  color: rgb(255, 255, 255);
  font-size: 15px;
  }
  
  /* nav */
  .top .nav{ position:absolute; top:300px; width:100%; } /* z-index:100 */
  .top .nav-item{ float:left; padding-top:5px; height:40px}
  .top .nav-con{ display:block; width:110px; text-align:center;  border-left:1px solid #073f82; background:#094fa3; color:#fff; font-size:18px; line-height:40px; height:40px; font-family:Microsoft YaHei; position:relative; *zoom:1}
  .top .nav-con:hover{ text-decoration:none; background:#2e69b1}
  .top .nav-item1 .nav-con{ border-left:none; width:112px}
  .nav .ico-arrow{ position:absolute; right:9px; top:13px; _top:11px}
  .nav .hover .ico-arrow{ background-position:-14px 0}
  .nav-item-has-menu .nav-con{ padding-right:22px; width:88px}
  
  .ico{ background:url(//ue.17173cdn.com/images/lol/index/2013v2/b1.png) 0 0 no-repeat; overflow:hidden; vertical-align:middle; display:inline-block}
  .ico-arrow{ width:13px; height:13px}
  .ico-t{ display:inline-block; background:url(//ue.17173cdn.com/images/lol/index/2013v2/b3.png) 0 0 no-repeat; overflow:hidden; vertical-align:middle}
  .ico-t1{ width:101px; height:13px}
  .ico-t2{ width:103px; height:12px; background-position:0 -14px}
  .ico2{ display:inline-block; background:url(//ue.17173cdn.com/images/lol/index/2013v2/b2.png) no-repeat; overflow:hidden; vertical-align:middle}
  .ico-wx{ background-position:-122px -107px; width:16px; height:16px; margin:1px 10px 5px 10px}
  
  /* nav-menu */
  .nav-menu{ overflow:hidden; position:absolute; visibility:hidden; filter:none!important}
  .nav-menu-list{ overflow:hidden; *zoom:1;position:relative;z-index:200; }
  .nav-menu .item{*zoom:1; border-top:1px solid #0b4285}
  .nav-menu .con{ *zoom:1; padding:0 14px; color:#b5d0f0; line-height:24px; white-space:nowrap;color:#fff;font-size:12px;line-height:26px; background:#094fa3}
  .nav-menu .con:hover{ text-decoration:none; background:#2e69b1}
  .nav-menu-init{display:none; visibility:visible}
  .nav-menu-init .con{display:block}
  
  .page-index .nav-item1{ padding-top:0; height:45px}
  .page-index .nav-item1 .nav-con{ line-height:45px; color:#000; background:#ffda07; height:45px}
  .page-index .nav-item1 .nav-con:hover{ background:#ffda07}
  
  .top20{}
  .top20-t{ background:url(//images.17173cdn.com/2014/lol/2014/04/08/20title.png) 0 0 no-repeat; height:25px; margin-top:10px;}
  .top20-d{ margin-top:25px;}
  .top20-d ul{ overflow:hidden;}
  .top20-d li{ float:left; width:125px; text-align:center; height:120px; padding-top:15px;} 
  .top20-d li img{ width:100px;}