.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}

.screen{ padding:15px; background:#fff; border-top:1px solid #b1b1b1}
.main{ width:670px; float:left}
.side{ width:270px; float:right}
.bcover{ position:absolute;top:0;left:0;display:none; opacity: 0.7; filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7; z-index:30; background:#000}

/* tcon1 */
.tcon1{height:170px; padding:15px 50px; position:relative; background:#07131f}
.tcon1 .pre a,.tcon1 .next a{display:block;width:35px;height:90px;position:absolute; background:url(//ue.17173cdn.com/images/lol/index/2013v2/b2.png) no-repeat;}
.tcon1 .pre a{top:55px;left:0; background-position:0 0;}
.tcon1 .next a{top:55px;right:0; background-position:-36px 0;}
.tcon1 .pre a:hover{background-position:-72px 0;}
.tcon1 .next a:hover{background-position:-108px 0;}
.tcon1-in{width:902px;height:170px;position:relative;overflow:hidden;*zoom:1;}
.tcon1-scroll{position:absolute;width:20000em}
.tcon1 .disabled{ visibility:hidden}
.tcon1-con{ float:left;width:900px;height:170px;overflow:hidden;*zoom:1; padding:0 1px}

/* tcon1 info-box */
.tcon1 .info-box{ float:left; overflow:hidden}
.tcon1 .info-box .title{ color:#2b7fd8; font-size:14px; font-weight:bold; line-height:20px; padding-bottom:6px}
.tcon1 .info-box .hd .title{ float:left}
.tcon1 .info-box .hd .gb-tab{ float:left; margin-left:15px; overflow:hidden; *zoom:1}
.tcon1 .info-box .hd .gb-tab-item{ float:left}
.tcon1 .info-box .hd .gb-tab-c{ display:inline-block; color:#6d6d6d; line-height:20px}
.tcon1 .info-box .hd .current{ color:#00a0e9}
.tcon1 .info-box .hd .sep{ display:inline-block; color:#3a535e; margin:0 8px}
.tcon1 .info-box .hd .more{ float:right; color:#8c96a5; line-height:20px}
.tcon1 .info-box .bd{ overflow:hidden}
.tcon1 .info-box .txt{ color:#8c96a5; line-height:22px}
.tcon1 .info-box .link{ color:#dfe7f4}
.tcon1 .tcon1-c1 .info-box1, .tcon1 .tcon1-c1 .info-box2{ margin-right:30px}
.tcon1 .tcon1-c1 .info-box4{ float:right}
.tcon1 .tcon1-c2 .info-box1{ margin-right:30px}
.tcon1 .tcon1-c2 .info-box4{ float:right}
.tcon1 .tcon1-c3 .info-box1{ margin-right:30px}
.tcon1 .tcon1-c3 .info-box3{ float:right}

/* tcon1 info-box1 */
.tcon1 .info-box1{ width:150px}
.tcon1 .info-box1 .pic-con{ display:block; position:relative; color:#b3b3b3}
.tcon1 .info-box1 .pic-con:hover{ text-decoration:underline}
.tcon1 .info-box1 .pic{ width:150px; height:158px}
.tcon1 .info-box1 .c2{ display:block; position:absolute; bottom:0; left:0; height:25px; overflow:hidden; width:130px; padding:0 10px; z-index:10; line-height:25px; white-space:nowrap; text-overflow:ellipsis}
.tcon1 .info-box1 .pic-con:hover .c2{ text-decoration:underline}
.tcon1 .info-box1-ex2{ width:336px} 
.tcon1 .info-box1-ex2 .c2{ width:316px; padding:0 10px}
.tcon1 .info-box1-ex2 .pic{ width:336px; height:158px}

/* tcon1 info-box2 */
.tcon1 .info-box2{ width:162px}
.tcon1 .info-box2 .txt-top{ padding-bottom:18px}

/* tcon1 info-box3 */
.tcon1 .info-box3{ width:270px}
.tcon1 .info-box3 .comm-list li{ line-height:22px; height:22px}
.tcon1 .info-box3 .comm-list .tit{ background-position:-151px -1px}
.tcon1 .info-box3-ex2{ width:230px}
.tcon1 .info-box3-ex2 .hd{ overflow:hidden; *zoom:1}
.tcon1 .info-box3-ex2 .comm-list .tit{ width:215px}

/* tcon1 info-box4 */
.tcon1 .info-box4{ width:230px}
.tcon1 .info-box4 .title{ padding-bottom:11px}
.tcon1 .info-box4-ex2{ width:530px}

/* tcon1 info-box5 */
.tcon1 .info-box5{ width:270px}
.tcon1 .info-box5 .hd{ border-bottom:1px solid #2c2f36}
.tcon1 .info-box5 .hd .title{ border-bottom:1px solid #2b7fd8; position:relative; top:1px; padding:0; line-height:22px}

/* tcon1 table-schedule */
.tcon1 .table-schedule{ border-bottom:1px solid #2c2f36}
.tcon1 .table-schedule th, .tcon1 .table-schedule td{ border-bottom:1px dotted #2c2f36; color:#8c96a5; padding:2px}
.tcon1 .table-schedule .tit{ text-align:left; padding:4px 10px 4px 0}
.tcon1 .table-schedule .c3{ color:#c50804}
.tcon1 .table-schedule .c5{ text-align:right; padding-right:0}
.tcon1 .table-schedule .link{ color:#8c96a5}
.tcon1 .table-schedule .pic-flag{ width:18px; height:12px; display:inline-block; margin:1px 3px 3px 0}

/* arrow */
.arrow u, .arrow b{ display:block; overflow:hidden; position:absolute; width:0; height:0;font-size:0; border-bottom:5px dashed transparent; border-right:5px dashed transparent;border-top:5px dashed transparent; border-left-style:solid; border-left-width:5px}
.arrow{ position:absolute}
.arrow u{ top:0; left:1px; color:#ffda07}
.arrow b{ z-index:2; top:0; left:0; color:#07131f}

/* tcon1 mod-tab */
.tcon1 .mod-tab{ overflow:hidden; *zoom:1}
.tcon1 .mod-tab .hd{ float:left; width:70px; overflow:hidden}
.tcon1 .mod-tab .bd{ float:right; width:820px}
.tcon1 .mod-tab .gb-tab-con{ width:100%; height:170px; overflow-y:auto; overflow-x:hidden}
.tcon1 .mod-tab .gb-tab{ border-top:1px solid #0d1d2d; overflow:hidden; *zoom:1}
.tcon1 .mod-tab .gb-tab-item{ border-bottom:1px solid #0d1d2d; position:relative; float:left; width:100%}
.tcon1 .mod-tab .gb-tab-c{ padding-left:15px; display:block; line-height:25px; color:#a0a0a0}
.tcon1 .mod-tab .arrow{ display:block; right:15px; top:7px; display:none}
.tcon1 .mod-tab .current{ color:#ffda07}
.tcon1 .mod-tab .current .arrow{ display:block}

/* tcon2 */
.tcon2{ width:100%; height:104px; position:relative; background:#1b2a3e; border-top:1px solid #223753; z-index:40}
.tcon2 .t2cover{width:100%;height:106px;position:absolute;top:0;left:0;background:#000;opacity: 0.7; filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;z-index:10;display:none;}
.tcon2 .bd{overflow:hidden;*zoom:1;padding:10px 0 0 15px;}
.tcon2 .nhero-hd,.tcon2 .fhero-hd{width:22px; position:absolute;font-size:12px;color:#fff;text-align:center;line-height:1.2; background:url(//ue.17173cdn.com/images/lol/index/2013v2/b1.png) 0 -14px no-repeat; height:68px; padding-top:7px}
.tcon2 .nhero-hd{left:15px;top:0;}
.tcon2 .fhero-hd{left:204px;top:0; background-position:-23px -14px}
.tcon2 .nhero .bd{width:140px;float:right;}
.tcon2 .fhero .hd{padding-left:2px;}
.tcon2 .fhero{padding:10px 0;width:750px;}
.tcon2 .fhero .bd{padding-left:10px;float:left;}
.tcon2 .current {position:relative;z-index:20;}
.tcon2 .hero-item .img{border:1px solid #222F66;}
.tcon2 .current .img,.tcon2 .hero-c:hover .img{border:1px solid #dbd0a2;}

/* hero-list */
.hero-list{overflow:hidden;*zoom:1;}
.hero-list .hero-item{width:62px;height:90px;overflow:hidden;padding:0 7px 5px 7px;text-align:center;float:left;}
.hero-list .hero-c{display:inline-block;font:normal 12px/2em "\5b8b\4f53";color:#898989;}
.hero-list .hero-c span{display:block;}
.hero-list .hero-c .txt{height:24px;overflow:hidden;}
.hero-list .hero-c img{width:60px;height:60px;}
.hero-list .hleft-padding{padding-left:35px;}
.hero-list .hright-padding{padding-right:16px}

/* tcon2 hero-con */
.tcon2 .hero-con{ display:none;width:970px; position:absolute;top:70px;left:15px;background:#fbfbfb; *zoom:1;z-index:90}
.tcon2 .hero-con .hd{ background:#3871b4; height:30px}
.tcon2 .hero-con .close-btn{width:30px;height:30px;text-align:center;line-height:30px;font-size:24px;position:absolute;top:0;right:5px}
.tcon2 .hero-con .close-btn a{display:block;color:#fff;font-weight:bold;}
.tcon2 .hero-con .close-btn a:hover{text-decoration:none;}
.tcon2 .hero-con .hd .tit{ color:#fff; font-size:14px; text-align:center; line-height:30px}
.tcon2 .hero-con .bd{ overflow:hidden; *zoom:1; padding:15px 30px}
.tcon2 .hero-con .mod-video{ width:636px; float:left}
.tcon2 .hero-con .mod-video .mod-hd{ padding-bottom:13px}
.tcon2 .hero-con .mod-news{ float:right; width:236px}

/* pn-news */
.pn-news{ overflow:hidden; *zoom:1; padding-bottom:35px}
.pn-news .leftcol{ float:left; width:370px}
.pn-news .rightcol{ float:right; width:270px; background:#fff url(//ue.17173cdn.com/images/lol/index/2013v2/bg2.jpg) left top no-repeat; padding-left:8px; overflow:hidden; *zoom:1}
.pn-news .top-news{ padding:19px 0 13px 0} 
.pn-news .top-news .link{ color:#3b639f; font-size:16px; font-weight:bold; display:block; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; line-height:24px}
.pn-news .mod-report .hd{ height:30px}
.pn-news .mod-report .hd .tit{ font-size:16px; color:#333; font-weight:bold; line-height:30px}
.pn-news .mod-report .top-news .link{ font-size:14px}
.pn-news .mod-report .mod-link{ padding-bottom:22px; line-height:26px}
.pn-news .mod-hot .mod-bd{ padding-top:3px; overflow:hidden}
.pn-news .mod-hot .gb-tab-con{ overflow:hidden; *zoom:1; width:100%}
.pn-news .mod-hot .c2{ line-height:17px; height:34px}

.list-top-news .date{ color:#aeaeae}
.list-top-news li{ height:26px; line-height:26px}
.list-top-news .tit{ height:26px}
.list-hot{ padding-top:10px}
.list-hot .comm-list li{ height:26px; line-height:26px}
.list-hot .comm-list .tit{ height:26px}

/* pn-recommend */
.pn-recommend .pn-hd .gb-tab-c:hover {text-decoration: underline;}
.pn-recommend .pn-bd{ padding:15px 0 32px 0}
.pn-recommend .gb-tab-con{ overflow:hidden; *zoom:1}
.pn-recommend .col1{ float:left; width:450px; overflow:hidden; *zoom:1}
.pn-recommend .col2{ float:right; width:200px; overflow:hidden}
.pn-recommend .col1 .comm-list2{ border-bottom:1px dotted #d1d1d1}
.pn-recommend .col1 .comm-list{ padding-top:5px}

/* mod-gift */
.mod-gift .item{ overflow:hidden; *zoom:1; margin-bottom:11px}
.mod-gift .pic-box{ float:left; width:50px; margin-right:10px}
.mod-gift .detail{ overflow:hidden; *zoom:1; border-bottom:1px dotted #ddd; padding:2px 0 7px 0}
.mod-gift .box{ overflow:hidden; *zoom:1; padding-bottom:3px}
.mod-gift .box .tit{ float:left; color:#333; font-weight:bold; line-height:20px}
.mod-gift .box .btn-take{ float:right; display:block; color:#333; line-height:18px; width:38px; text-align:center; background:#fafbfc; border:1px solid #d6d6d6}
.mod-gift .box .btn-take:hover{ color:#009944; text-decoration:none}
.mod-gift .info{ color:#aeaeae}

/* hero-list2 */
.hero-list2 .item{ width:50%; float:left; position:relative; height:186px}
.hero-list2 .item-in{ padding:19px 20px 25px 20px; border:1px solid #ededed; overflow:hidden; height:142px; *zoom:1; background:#fff; position:absolute; width:293px}
.hero-list2 .item-odd .item-in{ left:-1px; *zoom:1; width:294px}
.hero-list2 .item-top2 .item-in{ border-top:none}
.hero-list2 .item:hover, .hero-list2 .hover{ z-index:10; *zoom:1}
.hero-list2 .item:hover .item-in, .hero-list2 .hover .item-in{ border-color:#00a0e9; height:307px}/* height:287px */
.hero-list2 .detail-box{ overflow:hidden; *zoom:1}
.hero-list2 .detail-box .pic-box{ float:left; width:60px; margin-right:10px}
.hero-list2 .detail-box .pic-hero{ width:58px; height:58px; border:1px solid #1b3149}
.hero-list2 .detail-box .detail{ overflow:hidden; *zoom:1}
.hero-list2 .detail-box .tit{ color:#094fa3; font-size:14px; font-weight:bold}
.hero-list2 .detail-box .info{ padding:2px 0} 
.hero-list2 .detail-box .info .tit{ color:#636262; font-size:12px; font-weight:normal}
.hero-list2 .detail-box .info .num{ color:#ff0000; margin-right:8px}
.hero-list2 .detail-box .rate-box{ width:100px; height:15px}
.hero-list2 .detail-box .rate{ background:url(//ue.17173cdn.com/images/lol/index/2013v2/b2.png) 0 -91px no-repeat; height:15px; overflow:hidden}
.hero-list2 .comm-list{ padding-top:10px}
.hero-list2 .comm-list li{ line-height:26px; height:26px} 
.hero-list2 .comm-list .tit{ width:92%; height:26px; background-position:-151px -22px; margin-left:5px}
.hero-list2 .list-video{ margin-right:-15px; display:none; padding-left:7px} 
.hero-list2 .list-video li{ margin:12px 15px 0 0}
.hero-list2 .list-video .c2{ line-height:20px; height:40px; margin-top:3px}
.hero-list2 .item:hover .list-video, .hero-list2 .hover .list-video{ display:block}

/* mod-server */
.mod-server .mod-bd{ border:1px solid #e4e9ee; border-top:none; padding:8px 9px 6px 9px} 
.mod-server .top-box{ text-align:center; font-weight:bold; border-bottom:1px solid #e7e9ec; padding:8px 0 7px 0}
.mod-server .top-box .date{ display:inline-block; width:66px; line-height:20px; color:#fff; background:#911e1e; margin-right:8px; -webkit-border-bottom-right-radius:3px; -webkit-border-bottom-left-radius:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-bottomleft:3px; border-bottom-right-radius:3px; border-bottom-left-radius:3px}
.mod-server .top-box .tit{ color:#333; line-height:20px}

/* mod-skill */
.mod-skill .detail-box{ overflow:hidden; *zoom:1; padding-bottom:10px}
.mod-skill .detail-box .pic-box{ float:left; width:100px; margin-right:15px}
.mod-skill .detail-box .pic{ width:100px; height:75px}
.mod-skill .detail-box .detail{ overflow:hidden; *zoom:1}
.mod-skill .detail-box .detail .tit{ color:#333; font-size:14px; font-weight:bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.mod-skill .detail-box .detail .txt{ color:#333; padding-top:8px}
.mod-skill .detail-box .detail .more{ color:#325d96}

/* mod-superior pic-box */
.mod-superior .pic-box{ width:270px}
.mod-superior .pic-box .pic-con{ display:block; position:relative; color:#c2c2c2}
.mod-superior .pic-box .pic-con:hover{ text-decoration:underline}
.mod-superior .pic-box .pic{ width:270px; height:90px}
.mod-superior .pic-box .c2{ display:block; position:absolute; bottom:0; left:0; height:25px; overflow:hidden; width:250px; padding:0 10px; z-index:10; line-height:25px; white-space:nowrap; text-overflow:ellipsis}
.mod-superior .pic-box .pic-con:hover .c2{ text-decoration:underline}

/* mod-superior detail-box*/
.mod-superior .detail-box{ border:1px dashed #dcdcdc; border-top:none; padding-top:12px}
.mod-superior .person-box{ overflow:hidden; *zoom:1; padding:0 30px 13px 9px}
.mod-superior .person-box .c1{ float:left; width:67px; margin-right:15px; text-align:center}
.mod-superior .person-box .c2{ overflow:hidden; *zoom:1}
.mod-superior .person-box .pic-con{ display:block; color:#333}
.mod-superior .person-box .pic{ width:67px; height:67px}
.mod-superior .person-box .tit{ display:block; padding-top:5px}
.mod-superior .person-box .name{ color:#325d96; font-weight:bold; padding-bottom:5px}
.mod-superior .person-box .txt{ color:#040000}
.mod-superior .person-box .link-box{ overflow:hidden; *zoom:1; padding-top:13px}
.mod-superior .person-box .link-box .link{ float:left; display:block; width:60px; height:18px; background:url(//ue.17173cdn.com/images/lol/index/2013v2/b2.png) 0 -107px no-repeat}
.mod-superior .person-box .link-box .link2{ background-position:-61px -107px; margin-left:10px}

.mod-superior .news-box{ background:#fff url(//images.17173cdn.com/2014/lol/2014/01/08/bg13.jpg) center top no-repeat; padding:9px 9px 7px 9px; overflow:hidden; *zoom:1}
.mod-superior .news-box .c1{ float:left; width:36px; margin-right:10px}
.mod-superior .news-box .c2{ overflow:hidden; *zoom:1}
.mod-superior .news-box .number{ width:36px; text-align:center; line-height:24px; height:24px; color:#fff; background:#5b96dd;  -webkit-border-bottom-right-radius:3px; -webkit-border-bottom-left-radius:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-bottomleft:3px; border-bottom-right-radius:3px; border-bottom-left-radius:3px}
.mod-superior .news-list .tit{ color:#325d96; line-height:22px; height:22px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}

/* mod-rank */
.mod-rank{ position:relative; margin-top:40px} /* z-index:100 */

/* drop-down-box */
.drop-down-box{ position:relative} 
.drop-down-box .box-hd{ border:1px solid #c8cacb; padding-left:5px; width:83px; position:relative}
.drop-down-box .box-hd .title{ line-height:18px; color:#333}
.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 #c8cacb; padding:5px 1px 0 1px; width:86px; background:#fff; 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:#333; padding:0 5px}
.drop-down-box .gb-tab-c:hover{ text-decoration:none; background:#f2f2f2}

/* 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:#bdbdbd; 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:#aeaeae; padding-right:5px}
.list-rank .tit{ color:#362e2b; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;  display:block; float:left; width:80%}
.list-rank .tit:hover{ text-decoration:underline}

/* mod-hero */
.mod-hero{ position:relative; } /* z-index:50 */

/* seach-box2 */
.search-box2{ position:relative; width:260px; margin:0 auto; margin-bottom:12px} 
.search-box2 .txt{ width:216px; padding:6px 32px 6px 10px; color:#b5b5b5; background:#fff; border:1px solid #d4d4d4; font-size:14px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px}
.search-box2 .btn{ border:none; width:20px; height:19px; cursor:pointer; position:absolute; right:12px; top:5px; background: url(//ue.17173cdn.com/images/lol/index/2013v2/b2.png) -79px -126px no-repeat}

/* table-hero */
.table-hero .con{ line-height:20px}
.table-hero .box{ margin:1px 3px 3px 0; vertical-align:middle}

/* mod-hero */
.mod-hero .hero-box{ padding-top:15px; overflow-y:auto; height:364px; border-top:1px dotted #c4c4c4; margin-top:10px; overflow-x:hidden; *zoom:1; width:270px }
.mod-hero .hero-list3{  }

/* mod-info */
.mod-info .info{ color:#414141; line-height:22px}
.mod-info .info .link{ color:#414141}

/* pn-contact */
.pn-contact{ overflow:hidden; *zoom:1; background:#121b2a; margin-top:12px; border-top:1px solid #172335; border-bottom:1px solid #172335}
.pn-contact .title{ color:#00a0e9; font-size:20px; font-family:Microsoft YaHei; padding-bottom:15px; line-height:30px}

/* friendly-link */
.friendly-link{ width:620px; float:left; padding:20px; line-height:26px}
.friendly-link .link{ color:#3d4e5d; font-size:14px}
.friendly-link .link:hover{ color:#00a0e9; text-decoration:none}
.friendly-link .sep{ color:#313131; margin:0 15px}
.friendly-link .title{ padding-bottom:10px}

/* mod-contact */
.mod-contact{ float:right; background:#13213b; padding:20px; width:276px;  overflow:hidden; *zoom:1}
.mod-contact .col1{ float:left; width:134px}
.mod-contact .col2{ float:right; width:112px; padding-top:10px}
.mod-contact .link-box{ overflow:hidden; *zoom:1}
.mod-contact .link-box .link{ float:left; display:block; width:60px; height:18px; background:url(//ue.17173cdn.com/images/lol/index/2013v2/b2.png) 0 -107px no-repeat}
.mod-contact .link-box .link3{ margin-left:10px; background-position:0 -126px}
.mod-contact .info{ line-height:26px; color:#596a8a; margin-top:17px}
.mod-contact .pic-code{ width:112px; height:112px}

/* pn-search */
.pn-search{ padding:50px 0 50px 237px; overflow:hidden; *zoom:1}
.pn-search .tit{ float:left; color:#00b7ee; font-size:20px; font-family:Microsoft YaHei;  line-height:35px; margin-right:10px}
.search-box3{ height:35px; position:relative; width:354px; float:left}
.search-box3 .txt{ width:265px; padding:0 77px 0 10px; color:#585858; background:#000; border:1px solid #343434; height:33px; line-height:33px}
.search-box3 .btn{ border:none; width:77px; height:35px; cursor:pointer; position:absolute; right:0; top:0; background: url(//ue.17173cdn.com/images/lol/index/2013v2/b2.png) 0 -146px; color:#fff; *top:1px}