/*the global*/
body{font-size:12px;  font-family: "Microsoft Yahei"; letter-spacing:0px; min-width:1000px; background-color:#fff;}
a:focus,a:active,a:hover{ outline:none}
a:hover{ cursor:pointer}

.gb-list2{ overflow:hidden; *zoom:1; font-size:0}
.gb-list2-item{ display:inline-block; *display:inline; *zoom:1; text-align:center; vertical-align:top}
.gb-list2-con,.gb-list2-c2,.gb-list2 .txt,.gb-list2 .tit{ display:block; *zoom:1; overflow:hidden; cursor:pointer}
.gb-list2-con{ margin-left:auto; margin-right:auto}
*html .gb-list2-con:hover{ direction:ltr}
.gb-list2-c1{ display:block}
.gb-list2 .avatar,.gb-list2-c2{ font-size:12px}
.gb-list2 .txt{ width:98%; margin-left:auto; margin-right:auto; text-overflow:ellipsis;}
.gb-list2 .cover,.gb-list2 .mask{ display:none; overflow:hidden; position:absolute}
.gb-list2 .cover{ z-index:2}
.gb-list2 .mask{ z-index:-1; top:0; left:0; width:800px; height:300px; background:#000; filter:alpha(opacity:60); opacity:.60}
:root .gb-list2 .mask{ filter:none \0}
.gb-list2-con:hover{ text-decoration:none}
.gb-list2-con:hover .txt{ text-decoration:underline}

.gb-list3{ overflow:hidden; *zoom:1;}
.gb-list3-con{ float:left; overflow:hidden; *zoom:1;}
.gb-list3-c1{ float:left;}
.gb-list3-c2{ overflow:hidden; *zoom:1;}

.gb-tab{ *zoom:1}
.gb-tab-b1,.gb-tab-b2{ position:absolute; display:none; overflow:hidden; cursor:pointer}

.comm-mask{ z-index:-1; position:absolute; top:0; left:0; width:800px; height:800px; background:#000; filter:alpha(opacity:50); opacity:.50}
:root .comm-mask{ filter:none \0}

.ico{ vertical-align:middle; display:inline-block; background:url(/ue2/a/lol/zt/2014/rq/img/icon.png) no-repeat; _background:url(/ue2/a/lol/zt/2014/rq/img/icon-ie6.png) no-repeat;}

.ico-nav1, .ico-nav2, .ico-nav3, .ico-nav4, .ico-nav5, .ico-nav6, .ico-nav7{ display:block; margin:0 auto; width:40px; height:40px;}
.ico-nav1{ background-position:0 0;}
.ico-nav2{ background-position:0 -50px;}
.ico-nav3{ background-position:0 -100px;}
.ico-nav4{ background-position:0 -150px;}
.ico-nav5{ background-position:0 -200px;}
.ico-nav6{ background-position:0 -250px;}
.ico-nav7{ background-position:0 -300px;}

a:hover .ico-nav1, .page-nsw .main-nav-item1 .ico-nav1{ background-position:-50px 0;}
a:hover .ico-nav2, .page-gj .main-nav-item2 .ico-nav2{ background-position:-50px -50px;}
a:hover .ico-nav3, .page-mxzx .main-nav-item3 .ico-nav3{ background-position:-50px -100px;}
a:hover .ico-nav4, .page-wzscb .main-nav-item4 .ico-nav4{ background-position:-50px -150px;}
a:hover .ico-nav5, .page-yjs .main-nav-item5 .ico-nav5{ background-position:-50px -200px;}
a:hover .ico-nav6, .page-top .main-nav-item6 .ico-nav6{ background-position:-50px -250px;}
a:hover .ico-nav7, .page-wkt .main-nav-item7 .ico-nav7{ background-position:-50px -300px;}

.ico-rss{ width:16px; height:16px; background-position:0 -575px;}

.ico-face1, .ico-face2, .ico-face3{ width:60px; height:60px;}
.ico-face1{ background-position:0 -700px;}
a:hover .ico-face1{ background-position:0 -770px;}
.ico-face2{ background-position:0 -840px;}
a:hover .ico-face2{ background-position:0 -910px;}
.ico-face3{ background-position:0 -980px;}
a:hover .ico-face3{ background-position:0 -1050px;}

.ico-prev, .ico-next{ display:block; width:19px; height:32px; cursor:pointer;}
.ico-prev{ background-position:0 -1120px;}
a:hover .ico-prev{ background-position:-26px -1120px;}
.ico-next {background-position:-50px -1120px;}
a:hover .ico-next {background-position:-76px -1120px;}

.ico-qzone, .ico-snwb, .ico-qqwb, .ico-wx{ width:26px; height:26px;}
.ico-qzone{ background-position:0 -350px;}
.ico-snwb{ background-position:0 -400px;}
.ico-qqwb{ background-position:0 -450px;}
.ico-wx{ background-position:0 -500px;}
a:hover .ico-qzone{ background-position:-50px -350px;}
a:hover .ico-snwb{ background-position:-50px -400px;}
a:hover .ico-qqwb{ background-position:-50px -450px;}
a:hover .ico-wx{ background-position:-50px -500px;}

.ico-arrow-t{ width:29px; height:15px; background-position:0 -550px;}
a:hover .ico-arrow-t{ background-position:-50px -550px;}

.ico-inter{ width:25px; height:25px; background-position:0 -1300px;}

.ico-quote-pre, .ico-quote-after{ width:12px; height:9px;}
.ico-quote-pre{ background-position:-50px -1330px}
.ico-quote-after{ background-position:-76px -1330px}

.ico-quote-pre1, .ico-quote-after1{ width:31px; height:24px;}
.ico-quote-pre1{ background-position:0 -1390px}
.ico-quote-after1{ background-position:-50px -1390px}

.ico-video{ width:45px; height:45px; background-position:0 -1430px;}

.ico-like, .ico-plus, .ico-vote-num{ width:66px; height:66px; display:block}
.ico-like{ background-position:0 -1500px;}
.ico-plus{ background-position:0 -1600px;}
.ico-vote-num{ background-position:0 -1700px;}

.ico-wing{ width:132px; height:35px; background-position:0 -1800px;}

.ico1-tit1, .ico1{ vertical-align:middle; display:inline-block; background:url(/ue3/a/lol/zt/2014/rq/img/sprite.png) no-repeat;}
.ico1-tit1{ width:40px; height:40px; background-position:0 0; margin:9px 10px 11px 0;}
.ico1-tit2, .ico1-tit3{ width:61px; height:60px;}
.ico1-tit2{ background-position:0 -50px;}
.ico1-tit3{ background-position:0 -120px;}
.ico1-tit4{ width:61px; height:36px; background-position:-70px 0;}
.ico1-tit5, .ico1-tit6, .ico1-tit7{ width:35px; height:40px;margin:9px 10px 11px 0;}
.ico1-tit5{ background-position:-70px -50px;}
.ico1-tit6{ background-position:-70px -120px;}
.ico1-tit7{ background-position:-110px -50px;}
.ico1-tit8{ width:43px; height:60px; background-position:0 -450px;}
.ico1-tit9{ width:37px; height:30px; background-position:0 -560px;}
.ico1-tit10, .ico1-tit11, .ico1-tit12{ width:26px; height:30px; margin:7px 10px 3px 0;}
.ico1-tit10{ background-position:-150px 0;}
.ico1-tit11{ background-position:-150px -50px;}
.ico1-tit12{ background-position:-150px -120px;}

.ico1-face1, .ico1-face2, .ico1-face3, .ico1-face4{ width:35px; height:35px; display:block}
.ico1-face1{ background-position:0 -350px;}
.ico1-face2{ background-position:-50px -350px;}
.ico1-face3{ background-position:0 -390px;}
.ico1-face4{ background-position:-50px -390px;}

.ico2-arrow-l{ width:0; height:0; font-size:0; line-height:0; border:5px dashed transparent; border-right-style:solid; border-right-color:#545454;}
a:hover .ico2-arrow-l{ border-right-color:#ba0c0c}

.ico2-arrow-b{ width:0; height:0; font-size:0; line-height:0; border:13px dashed transparent; border-top-style:solid; border-top-color:#000;}

.bt-rss a{ display:inline-block; width:142px; height:37px; background:url(/ue3/a/lol/zt/2014/rq/img/sprite.png) no-repeat 0 -300px;}
.bt-rss a img{ display:none;}
.bt-rss a:hover{ background-position:-160px -300px;}

.bt{ display:inline-block; height:30px; line-height:30px; background-color:#fce100; padding:0 8px; font-size:16px; color:#000;-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.bt:hover{ text-decoration:underline}

.comm-plist{ overflow:hidden; *zoom:1;}
.comm-plist .gb-list2-item{ float:left;}
.comm-plist .gb-list2-con{ width:64px; float:left;}
.comm-plist .avatar{ width:64px; height:64px}
.comm-plist .txt{ font-size:16px; color:#333; line-height:32px;}
.comm-plist .gb-list2-con:hover .txt{ color:#cd0000;}

.comm-plist-ex .gb-list2-con{ width:84px;}
.comm-plist-ex .avatar{ width:84px; height:84px;}

.comm-plist1 .gb-list2-item{ float:left; width:100%;}
.comm-plist1 .gb-list2-con{  width:219px; color:#999; position:relative}
.comm-plist1 .gb-list2-c1{ position:relative; overflow:hidden; border:2px solid #1b2134;}
.comm-plist1 .gb-list2-c2{ overflow:hidden; position:absolute; left:2px; bottom:2px; text-align:left; z-index:10}
.comm-plist1 .gb-list2-c2, .comm-plist1 .gb-list2-c2 .mask{ width:215px; height:30px;}
.comm-plist1 .gb-list2-c2 .mask{ display:block; position:absolute;}
.comm-plist1 .txt{ text-align:center; font-size:14px; height:30px; line-height:30px; overflow:hidden; white-space:nowrap; width:92%;}
.comm-plist1 .avatar{ width:215px; height:120px;}
.comm-plist1 .gb-list2-con:hover{ color:#fff;}
.comm-plist1 .gb-list2-con:hover .gb-list2-c1{ border-color:#3eb982}
.comm-plist1 .gb-list2-con:hover .txt{ text-decoration:none;}

.comm-plist1-ex .gb-list2-con{ width:auto;}
.comm-plist1-ex .avatar{ width:auto; height:auto;}

.comm-plist2 .gb-list2-item{ float:left; width:100%;}
.comm-plist2 .gb-list2-con{ color:#333; width:90px; border:1px solid #e0e0e0;}
.comm-plist2 .gb-list2-c1{ position:relative; overflow:hidden;}
.comm-plist2 .gb-list2-c2{ text-align:center; overflow:hidden; background-color:#f0f0f0; }
.comm-plist2 .txt{ font-size:12px; height:30px; line-height:30px; overflow:hidden;}
.comm-plist2 .avatar{ width:90px; height:100px}
.comm-plist2 .gb-list2-con:hover{ color:#bd0001}

.comm-plist3 .gb-list2-item{ float:left; width:100%;}
.comm-plist3 .gb-list2-item1{ float:left;}
.comm-plist3 .gb-list2-con{ color:#333; width:140px;}
.comm-plist3 .gb-list2-con1{ width:185px;}
.comm-plist3 .gb-list2-c1{ position:relative; overflow:hidden; width:140px; height:105px;}
.comm-plist3 .gb-list2-c2{ padding:5px 0 15px 0; text-align:left; overflow:hidden;}
.comm-plist3 .txt{ font-size:13px; height:40px; line-height:20px; overflow:hidden; color:#999;}
.comm-plist3 .hover .gb-list2-con{ _vertical-align:baseline;}
.comm-plist3 .avatar1{ width:185px;}
.comm-plist3 .avatar,.comm-plist3 .mask{ width:140px; height:105px}
.comm-plist3 .mask{ display:block; z-index:1; filter:alpha(opacity:35); opacity:.35;}
.comm-plist3 .ico-video{ display:block; position:absolute; left:50%; top:50%; margin:-22px 0 0 -22px;}
.comm-plist3 .hover .mask{ display:none}

.comm-plist4 .gb-list2-item{ float:left; width:100%;}
.comm-plist4 .gb-list2-con{ color:#696969; width:74px;}
.comm-plist4 .gb-list2-c1{ position:relative; overflow:hidden; width:62px; padding:3px; background-color:#fff; border:1px solid #d8d8d8;-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.comm-plist4 .gb-list2-c2{ padding:5px 0 15px 0; text-align:left; overflow:hidden;}
.comm-plist4 .txt{ font-size:13px; height:40px; line-height:20px; overflow:hidden;}
.comm-plist4 .avatar{ width:62px; height:62px}
.comm-plist4 .gb-list2-con:hover{ color:#333;}


.col2 .gb-list2-item{ width:49.99%;}
.col3 .gb-list2-item{ width:33.32%;}
.col4 .gb-list2-item{ width:24.99%; *width:24.8%}
.col4 .gb-list2-item1{ width:33.33%; *width:33.3%}
.col5 .gb-list2-item{ width:19.99%;}
.col10 .gb-list2-item{ width:9.99%; *width:9.9%;}

.comm-tlist{ }
.comm-tlist .gb-list3-con{ width:100%;}
.comm-tlist .gb-list3-c1{ margin-right:20px; text-align:center; padding:6px 0 0 0}
.comm-tlist .gb-list3-c1 a {display:block;}
.comm-tlist .gb-list3-c1 .avatar{ width:300px; height:160px;}
.comm-tlist .gb-list3-c2 .tit{ font-size:24px; font-weight:bold; color:#223a86; overflow:hidden; margin-bottom:3px;}
.comm-tlist .gb-list3-c2 .tit a{ color:#223a86;}
.comm-tlist .gb-list3-c2 .txt{ text-indent:0}
.comm-tlist .more{ text-align:right; margin-top:10px;}

.comm-tit{ font-size:18px; color:#333; font-weight:bold; line-height:40px;}
.comm-tit1{ font-size:16px; color:#29ba9d; font-weight:bold; line-height:36px;}
.comm-tit2{ font-size:24px; color:#ab2800; font-weight:bold; line-height:40px;}

.comm-tab{ overflow:hidden; *zoom:1; position:relative; margin-bottom:-1px; z-index:10;}
.comm-tab .gb-tab-item{ float:left; margin-right:1px;}
.comm-tab .gb-tab-c{ float:left; padding:10px 19px 12px 19px; border-style:solid; border-width:3px 1px 1px 1px; border-color:#fff; border-bottom-color:#e1e1e1;}
.comm-tab .current{ border-color:#e1e1e1; border-top-color:#00a383; border-bottom-color:#fff;}
.comm-tab .gb-tab-c img{ width:64px; height:64px;}
.comm-tab-pn{ border:1px solid #e1e1e1; background-color:#fff;}

.comm-tab1{ overflow:hidden; *zoom:1; position:relative; margin-bottom:-1px; z-index:10; width:100%;}
.comm-tab1 .gb-tab-item{ float:left; margin-right:-1px; width:233px; _width:232px;}
.comm-tab1 .gb-tab-c{ float:left; width:100%; height:47px; text-align:center; line-height:47px; border-style:solid; border-width:3px 1px 1px 1px; border-color:#e1e1e1; background-color:#f0f0f0; font-size:16px; color:#989898;}
.comm-tab1 .current{ border-top-color:#000; border-bottom-color:#fff; color:#333; background-color:#fff;}
.comm-tab-pn1{ border:1px solid #e1e1e1; border-top:none; background-color:#fff;}

.comm-tab2-wrap{ border-bottom:1px solid #e2e2e2; height:35px;}
.comm-tab2{ position:absolute; z-index:10; width:100%;}
.comm-tab2 .gb-tab-item{ float:left;}
.comm-tab2 .gb-tab-c{ float:left; height:32px; text-align:center; line-height:31px; border-style:solid; border-width:3px 0 1px 0; border-color:#fff; border-bottom-color:#e2e2e2; font-size:14px; color:#333; padding:0 10px;}
.comm-tab2 .current{ padding:0 9px; border-width:3px 1px 1px 1px;  border-color:#e2e2e2; border-top-color:#111935; border-bottom-color:#fff;}
.comm-tab2 .gb-tab-c img{ width:64px; height:64px;}
.comm-tab-pn2{}

.comm-pn{}
.comm-pn-hd{ height:60px; margin-bottom:10px;}
.comm-pn-hd .tit{ font-size:24px; color:#333; font-weight:bold; line-height:60px;}
.comm-pn-bd{ overflow:hidden; *zoom:1;}
.comm-pn-bd p{ font-size:16px; color:#000; line-height:30px; text-indent:2em;}
.comm-pn-bd-ex p{ padding:5px 0;}

.comm-pn-ex .comm-pn-hd{ background:url(/ue3/a/lol/zt/2014/rq/img/sprite.png) repeat-x 0 -220px;}
.comm-pn-ex .comm-pn-hd .tit{ float:left; background-color:#fff; padding-right:20px;}

.comm-pn-ex1 .comm-pn-hd{ overflow:hidden; *zoom:1; font-size:24px; height:70px; margin-bottom:20px;}
.comm-pn-ex1 .comm-pn-hd .ico1{ float:left; margin:5px 20px 5px 0;}
.comm-pn-ex1 .comm-pn-hd .tit{ line-height:35px; color:#8a4614;}
.comm-pn-ex1 .comm-pn-hd .tit-sub{ line-height:35px; color:#8a4614;}

.comm-pn-ex1 .comm-pn-hd-ex .tit{ line-height:70px;}

.comm-pn-ex2{ padding-top:12px;}
.comm-pn-ex2 .comm-pn-hd{ height:36px; overflow:hidden; margin-bottom:12px;}
.comm-pn-ex2 .comm-pn-hd .tit{ font-size:24px; color:#cd6a00; font-weight:bold; line-height:36px; background-color:#fef9de; padding-right:5px; float:left;}
.comm-pn-ex2 .comm-pn-hd .ico1{ float:left;}
.comm-pn-ex2 .comm-tit{ color:#cc6a00;}

.comm-pn-ex3 .comm-pn-hd .tit{ float:left; background:url(/ue3/a/lol/zt/2014/rq/img/sprite.png) no-repeat right -450px; padding-right:25px; min-width:153px; _width:153px; color:#fff;}
.comm-pn-ex3 .comm-pn-hd .ico1{ float:left;}

.comm-pn-ex4 .comm-pn-hd{ height:30px; overflow:hidden}
.comm-pn-ex4 .comm-pn-hd .tit{ float:left; font-size:18px; line-height:28px; background:url(/ue3/a/lol/zt/2014/rq/img/sprite.png) no-repeat right -560px; padding-right:25px; min-width:115px; _width:115px; color:#fff;}
.comm-pn-ex4 .comm-pn-hd .ico1{ float:left;}
.comm-pn-ex4 .comm-pn-bd p{font-size: 12px;
color: #999;
line-height: 21px;
text-indent: 2em;
font-family: SimSun;}

.comm-pn-ex5 .comm-pn-hd{ height:40px; margin-bottom:0;}
.comm-pn-ex5 .comm-pn-hd .tit{ font-size:18px; line-height:40px;}
.comm-pn-ex5 .comm-pn-hd .ico1{ float:left;}

.comm-pn1{}
.comm-pn1-hd{ height:60px; margin-bottom:10px; position:relative;}
.comm-pn1-hd .tit{ font-size:24px; color:#fff; font-weight:bold; line-height:60px;}
.comm-pn1-hd .more{ position:absolute; top:0; right:0; line-height:60px; color:#6474a5; font-size:16px;}
.comm-pn1-hd .more a{ color:#6474a5;}
.comm-pn1-hd .more a:hover{ text-decoration:underline}

.comm-pn2{}
.comm-pn2-hd{ height:51px; width:1000px; padding-top:29px; background:url(/ue2/a/lol/zt/2014/rq/img/sprite1.png) no-repeat -200px 0; margin-bottom:25px;}
.comm-pn2-hd .tit{ float:left; padding-left:42px; font-size:16px; color:#dbdbdb; margin:20px 10px 0 0}
.comm-pn2-hd .tit-sub{ font-size:26px; color:#ffea00; font-weight:bold; line-height:50px;}

.comm-pn3{}
.comm-pn3-hd{ height:40px; line-height:40px; padding:0 10px; background:#cc3333 url(/ue3/a/lol/zt/2014/rq/img/sprite.png) no-repeat right -511px;}
.comm-pn3-hd .tit{ font-size:16px; color:#fff; font-weight:bold}

.comm-box{ background-color:#f7f7f7; padding:10px 20px;}

/*the layout*/ 

/*the header*/
.header{}
.header-c1{ background-color:#1c243c; overflow:hidden; *zoom:1;}
.header-c1-in{ width:1000px; height:100px; margin:0 auto;}
.header-c1-in .logo-rq{ float:left;}

.header-c2{ width:1000px; margin:0 auto; position:relative;}

.zt-info{ position:absolute; left:0; top:80px; width:260px;}
.zt-info-c1{}
.zt-info-c2{ width:100%; height:30px; line-height:30px; font-size:18px; background-color:#1c243c; overflow:hidden; *zoom:1;}
.zt-info-c2 .zt-source{ float:left; color:#fff; padding-left:10px;}
.zt-info-c2 a.zt-source:hover{ text-decoration:underline;}
.zt-info-c2 .zt-num{ float:right; color:#fff600; padding-right:10px;}

.zt-tit{ position:absolute; top:80px; left:280px; font-size:36px; color:#1c243c; font-weight:bold; line-height:40px;}

.zt-guide{ position:absolute; top:243px; left:0; width:610px; font-size:14px; color:#333; line-height:30px;}
.zt-guide .tit{ font-size:20px; color:#1c243c; font-weight:bold;}

.main-nav{ overflow:hidden; *zoom:1; height:114px; position:absolute; margin-left:251px; *margin-left:76px; float:right;}
.main-nav-item{ float:left; padding:0 3px;}
.main-nav-con{ display:block; width:104px; height:94px; padding-top:20px; text-align:center; font-size:16px; color:#828cab; line-height:34px;}
.main-nav-con:hover{ color:#fff;}
.page-nsw .main-nav-item1 .main-nav-con,
.page-gj .main-nav-item2 .main-nav-con,
.page-mxzx .main-nav-item3 .main-nav-con,
.page-wzscb .main-nav-item4 .main-nav-con,
.page-yjs .main-nav-item5 .main-nav-con,
.page-top .main-nav-item6 .main-nav-con,
.page-wkt .main-nav-item7 .main-nav-con{ background:url(/ue2/a/lol/zt/2014/rq/img/icon.png) no-repeat 0 -1160px; _background:url(/ue2/a/lol/zt/2014/rq/img/icon-ie6.png) no-repeat 0 -1160px; color:#fff;}


/*the footer*/
.global-footer{ color:#000; padding:25px 0;}
.global-footer a:link, .global-footer a:visited, .global-footer a:hover, .global-footer a:active{ color:#000;}

/*the content*/
.content{}
.main{ width:1000px; margin:0 auto; position:relative;}
.sub{ padding:20px 0 40px 0; background-color:#1b2134; margin-top:50px;}
.sub-in{ width:1000px; margin:0 auto;}
.area{ margin-bottom:20px;}

/*the page-nsw*/
.page-nsw .header-c2{height:390px;}

.video-pn{}
.video-con{ width:1000px; height:602px; background-color:#000;}
.video-con embed, .video-con object{ width:100%; height:100%;}
.video-tit{ font-size:16px; color:#333; text-align:center; line-height:50px;}

.skill-pn, .get-pn{ width:620px; margin:0 auto; margin-bottom:10px;}
.skill-pn-hd{ margin-bottom:10px;}

.skill-con{ padding:10px 30px 15px 30px; min-height:132px; _height:132px;}
.skill-con .hd{ height:36px; line-height:36px; overflow:hidden; *zoom:1;}
.skill-con .hd .tit{ font-size:16px; color:#333; float:left; margin-right:10px;}
.skill-con .hd .intro{ font-size:14px; color:#999;}
.skill-con .bd{ font-size:14px; color:#999; line-height:24px;}

.get-pn p{ text-indent:0;}
.get-box{}
.get-item{ overflow:hidden; *zoom:1; padding:10px 0;}
.get-c1, .get-c2, .get-c3{ float:left;}
.get-c1 img{ width:50px; height:50px;}
.get-c2{ width:50px; height:50px; text-align:center; line-height:50px; color:#ec7e68; font-size:14px;}
.get-c3{ margin-right:-20px;}
.get-c3 span{ float:left; width:24px; height:50px; background-color:#f1f1f1; margin-right:5px;}
.get-c3 .up{ background-color:#4687eb; text-align:center; line-height:50px; color:#fff; font-size:14px;}

.post-box{ padding:5px 0;}
.post-box p{ text-indent:0;}
.post-box .comm-plist{ padding:4px 0 10px 0;}
.post-box .gb-list2-item{ margin-right:20px;}

.vote-pn{ border:1px solid #e0e0e0; border-top:5px solid #000; text-align:center; margin-top:40px; padding-bottom:30px;}
.vote-pn-hd{ margin-bottom:12px;}
.vote-pn-hd .tit{ font-size:24px; color:#333; font-weight:bold; line-height:66px;}

.vote-box{ font-size:0;}
.vote-item{ display:inline-block; *display:inline; *zoom:1; margin:0 30px;}
.vote-con{ display:block; width:260px; overflow:hidden; *zoom:1; cursor:pointer}
.vote-con .ico{ float:left; margin-right:15px;}
.vote-info{ margin:10px 0 0 0; float:left; width:185px; height:40px; text-align:center; line-height:40px; background-color:#545454; font-size:20px; color:#fff; position:relative;}
.vote-info .ico2-arrow-l{ position:absolute; left:-10px; top:50%; margin-top:-5px;}
a:hover .vote-info{ background-color:#ba0c0c}
.vote-num{ font-style:normal}

.express-pn{ margin-top:50px; overflow:hidden; *zoom:1;}
.express-c1{ float:left; padding-left:330px; width:380px; height:188px; background:url(/ue3/a/lol/zt/2014/rq/img/sprite.png) no-repeat -203px 0;}
.express-c2{ float:right; width:236px;}

.express-box{}
.express-box .hd, .weibo-box .hd{ margin-bottom:15px;}
.express-box .hd .tit, .weibo-box .hd .tit{ font-size:18px; color:#333;}
.express-box .bd{ position:relative; width:380px; height:125px;}
.express-box .bd span{ position:absolute; color:#333; font-size:12px;}
.express-box .bd .fs14{ font-size:14px;}
.express-box .bd .fs16{ font-size:16px;}
.express-box .bd .fs18{ font-size:18px;}
.express-box .bd .c-tx{ color:#3eb982}
.express-box .bd .c-tx1{ color:#ba0c0c}
.express-box .bd .c-tx2{ color:#949494}

.express-item1{ left:50px; top:0;}
.express-item2{ right:133px; top:5px;}
.express-item3{ left:85px; top:35px;}
.express-item4{ right:15px; top:38px;}
.express-item5{ left:30px; top:73px;}
.express-item6{ right:55px; top:75px;}
.express-item7{ left:0; bottom:0; width:100%; text-align:center}

.zt-pn .comm-pn1-bd{ position:relative; width:1000px;}
.zt-pn .carousel-box{ width:940px; margin:0 auto; height:124px; overflow:hidden;}
.zt-pn .carousel-bt-prev, .zt-pn .carousel-bt-next{ display:block; position:absolute; top:50%; margin-top:-16px;}
.zt-pn .carousel-bt-prev{ left:0;}
.zt-pn .carousel-bt-next{ right:0;}

.team-pn{ margin-top:20px;}
.team-pn .comm-pn1-bd{ position:relative; *zoom:1;}
.team-box .comm-plist2{ overflow:hidden; *zoom:1;}
.team-box .gb-list2-item{ float:left; width:90px; margin-right:20px;}

.code-box{ position:absolute; right:0; bottom:0; width:160px; height:47px; padding-top:75px; border:1px solid #e6e5e6; background:#fff url(/ue2/a/lol/zt/2014/rq/img/sprite1.png) no-repeat 0 52px; text-align:center;}
.code-avatar{ position:absolute; left:19px; bottom:47px; border:1px solid #e6e5e6;}
.code-avatar img{ width:120px; height:120px;}
.code-box .tit{ font-size:17px; color:#333; font-weight:bold; line-height:1.33;}

.comment-pn{ width:1000px; margin:0 auto; padding-top:30px;}

.editor-pn{ width:92px; position:absolute; top:70px; left:-130px; z-index:500;}
.editor-pn .gb-list2-item{ margin-bottom:10px;}

.side-pn{position:fixed; _position:absolute; cursor: pointer; left:50%; bottom:73px; margin-left:550px; z-index:500;}

.share-pn{ width:48px; border:1px solid #e0e0e0; background-color:#fdfdfd;}
.share-box .tit, .bt-to-top{ display:block; height:43px; text-align:center; line-height:43px; font-size:14px; color:#999; font-family:"SimSun"; border-bottom:1px solid #e0e0e0}
.bt-to-top{ border-bottom:0; border-top:1px solid #e0e0e0; display:none;}
.bt-to-top .ico-arrow-t{ margin-top:14px; cursor:pointer;}
.bt-share, .jtico_weixin{ display:block; text-align:center; padding:7px 0;}

/*the page-mxzx*/
.page-mxzx .header-c2{height:500px;}
.page-mxzx .zt-info{ width:324px; top:60px}
.page-mxzx .zt-info-c2{ background-color:#000;}

.quote-pn{ position:absolute; left:0; top:200px;}
.quote-pn .hd .tit{ font-size:66px; color:#ffff00; font-weight:bold; line-height:100px; padding-left:30px;}
.quote-pn .bd, .quote-pn .bd .mask{ width:100%; height:122px; overflow:hidden;}
.quote-pn .bd{ position:relative; z-index:10;}
.quote-pn .bd .txt{ font-size:36px; color:#fff; font-weight:bold; line-height:50px; padding:10px 30px 0 30px;}

.header-c2 .ico2-arrow-b{ position:absolute; left:20px; bottom:-26px;}

.guide-pn{ padding:20px 0 20px 0;}

.avatar-pn{}
.avatar-con a{ display:block; text-align:center}
.avatar-con img{max-width:100%;}
.avatar-tit{ font-size:16px; color:#333; text-align:center; line-height:50px;}

.inter-pn{ padding:20px 0 20px 32px;}
.inter-box{ border-left:1px dotted #ccc; padding-left:38px;}
.inter-item{ margin-bottom:25px;}
.inter-que{ position:relative; min-height:40px; _height:40px;}
.inter-que .ico{ position:absolute; left:-51px; top:10px;;}
.inter-ans .ans{ text-indent:0;}
.inter-ans .ans .name{ font-size:18px; color:#333; font-weight:bold}

.share-pn1{ text-align:right;}
.share-pn1 .share-box{ overflow:hidden; *zoom:1; display:inline-block; _display:inline; *zoom:1;}
.share-pn1 .share-box .tit{ border:none; float:left;}
.share-pn1 .share-list{ float:left;}
.share-pn1 .share-item{ float:left; padding:0 0 0 12px;}

.editor-pn1{ width:84px; position:absolute; top:0; left:-138px; z-index:500;}
.editor-pn1 .gb-list2-item{ padding:20px 0 7px 0; border-bottom:1px solid #f3f3f3}
.editor-pn1 .last{ border:none;}

.page-mxzx .channel-pn{ bottom:50%; margin-bottom:-157px;}
.channel-list{ overflow:hidden; *zoom:1;}
.channel-list .channel-item{ padding-bottom:15px; float:left; clear:both;}
.channel-list .channel-con{ float:left; height:30px; line-height:30px; font-size:14px; color:#fff; background-color:#333; padding:0 13px;}
.channel-list .channel-con:hover{ background-color:#8a4614;}

/*the page-gj*/
.page-gj .header-c2{height:450px;}
.page-gj .zt-info{ width:324px; top:60px}
.page-gj .zt-info-c2{ background-color:#000;}
.page-gj .channel-con:hover{ background-color:#ffc107; color:#333;}
.page-gj .channel-pn{ bottom:50%; margin-bottom:-157px;}

.quote-pn1{ position:absolute; left:20px; bottom:0; height:44px; line-height:44px; font-size:20px; color:#fff; padding:0 25px;}
.quote-pn1 .ico{ position:absolute; top:17px;}
.quote-pn1 .ico-quote-pre{ left:0;}
.quote-pn1 .ico-quote-after{ right:0;}

.guide-pn1{padding:25px 0; overflow:hidden; *zoom:1;}
.guide-pn1 .comm-pn-hd{ float:left; margin-right:20px; height:71px; margin-bottom:0; padding-top:5px;}
.guide-pn1 .comm-pn-hd .tit{ width:128px; height:71px; background:url(/ue3/a/lol/zt/2014/rq/img/sprite.png) no-repeat -110px -350px; text-indent:-9999em;}
.guide-pn1 .comm-pn-bd p{ text-indent:0;}

.video-pn-ex .video-con{ width:700px; height:308px;}

.avatar-pn1{ padding:5px 0;}
.avatar-pn1-con, .avatar-pn1-c1, .avatar-pn1-c2{ display:block;}
.avatar-pn1-con{ position:relative;width:300px; }
.avatar-pn1-c1 .avatar{ display:block}
.avatar-pn1-c2{ position:absolute; left:0; bottom:0; text-align:center; width:100%; z-index:10}
.avatar-pn1-c2 .txt{ display:block; width:100%; height:40px; line-height:40px; font-size:16px; color:#fff;}
.avatar-pn1-c2 .comm-mask{ width:100%; height:40px;}
.avatar-pn1-fr{ float:right; margin-left:15px;}
.avatar-pn1-fl{ float:left; margin-right:18px;}
.avatar-pn1-con:hover .txt{ text-decoration:underline}

.avatar-pn1-ex .avatar-pn1-con{width:200px;}

.avatar-pn1-ex1 .avatar-pn1-con{width:350px;}

.side-pn1{ position:absolute; left:722px; top:25px;}

.share-pn1, .vote-pn, .express-pn{ width:1000px; margin-left:auto; margin-right:auto;}

/*the page-wzscb*/
.page-wzscb .header-c2{height:386px;}
.page-wzscb .zt-info{ width:260px; top:175px; left:188px;}
.page-wzscb .zt-info-c2{ background-color:#000;}
.page-wzscb .content{ padding:19px 0 0 0;}
.page-wzscb .area{ width:700px;}
.page-wzscb .area .comm-pn-hd .tit{ color:#ab2800}

.quick-link{ font-size:0;}
.quick-link a, .quick-link .sep{ font-size:14px; color:#8fa1d6;}
.quick-link .sep{ margin:0 15px; color:#44568b;}
.quick-link a:hover{ color:#ffc600;}

.page-wzscb .quick-link{ position:absolute; left:50px; bottom:30px;}

.page-wzscb .first-screen{ overflow:hidden; *zoom:1; border:1px solid #f3f3f3; width:998px; margin:0 auto;}
.page-wzscb .first-screen-c1{ float:left; width:710px;}
.page-wzscb .first-screen-c2{ float:left; width:250px; padding-left:20px; margin:20px 0; min-height:260px; _height:260px; border-left:1px solid #f3f3f3;}

.hero-pn{ overflow:hidden; *zoom:1;}
.hero-pn-c1{ float:left; margin-right:20px;}
.hero-pn-c2{ overflow:hidden; *zoom:1;}

.date-list{ font-size:16px; color:#333;}
.date-list li{ height:30px; line-height:30px; font-size:14px; margin-left:20px;}
.date-list .up{}

.hero-name, .hero-date{ padding-top:10px;}
.hero-name{ padding-bottom:10px;}

.author-pn{ margin-top:-10px;}
.author-info{ overflow:hidden; *zoom:1;}
.author-info-c1{ float:left; margin-right:25px;}

.author-info1{}
.author-info2{}
.author-info2 .author-info-c1{ margin-right:15px;}

.divide{ width:100%; height:3px; clear:both; overflow:hidden; *zoom:1; background:url(/ue3/a/lol/zt/2014/rq/img/sprite.png) repeat-x 0 -430px; margin:25px 0;}

.skill-pn1{ overflow:hidden; *zoom:1; }
.skill-pn1-c1{ float:left; margin-right:25px;}
.skill-pn1-c2 .tit{ font-size:16px; color:#000; font-weight:bold; line-height:40px; padding-top:10px;}
.skill-pn1-c2 p{ text-indent:0;}

.hero-info-pn{ width:699px; _width:700px; margin:0 auto; margin-top:60px;}
.hero-info-pn .comm-tab-pn1{ padding:10px 18px;}
.hero-info-pn .get-pn{ margin:0 0 10px 0;}

.rune-pn p{ text-indent:0;}
.rune-list{ overflow:hidden; *zoom:1; font-size:0; text-align:center;}
.rune-list li{ display:inline-block; *display:inline; *zoom:1; margin:0 25px;}
.rune-list li img{ width:50px; height:60px; float:left; margin-right:5px;}
.rune-list li span{ float:left; font-size:24px; color:#333; line-height:60px; letter-spacing:3px;}

.talent-pn{}
.talent-avatar{ padding:10px 0;}
.talent-pn p{ text-indent:0;}

.kael-pn p{ text-indent:0;}
.kael-pn-bd{ overflow:hidden; *zoom:1; padding:10px 0;}
.kael-pn-bd .comm-plist{ float:left;}
.kael-pn-bd .comm-plist .gb-list2-item{ margin-right:20px;}

.coming-pn{ width:1000px; margin:0 auto;}

.channel-pn1{ width:142px; padding:80px 36px 0 37px; height:423px; background:url(/ue2/a/lol/zt/2014/rq/img/side.png) no-repeat 0 0;}
.channel-list1{}
.channel-list1 .channel-item{ padding:6px 0;}
.channel-list1 .channel-con{ display:block; width:142px; height:48px; text-align:center; line-height:42px; font-size:18px; color:#fff; font-weight:bold;}
.channel-list1 .channel-con:hover{  background:url(/ue2/a/lol/zt/2014/rq/img/side.png) no-repeat 0 -520px; color:#ffe896;}

/*the page-yjs*/
.page-yjs .header-c2{height:500px;}
.page-yjs .zt-num{ position:absolute; left:644px; top:190px; width:109px; text-align:center; font-size:16px; color:#ffb743;}
.page-yjs .zt-tit{ font-size:50px; color:#f5f5f5; top:230px; left:450px; line-height:75px; width:580px;}
.page-yjs .content{ padding-top:45px;}

.quote-pn2{ position:absolute; left:450px; top:310px; color:#8e9193;font-size:20px; width:550px; line-height:36px;}
.quote-pn2 .hd .tit{ font-weight:bold}
.quote-pn2 .bd .txt{}

/*the page-wkt*/
.page-wkt .header-c2{height:547px;}
.page-wkt .zt-num{ position:absolute; left:570px; top:114px; width:75px; line-height:30px; text-align:center; font-size:20px; color:#ffea00; font-weight:bold}

.quote-pn3{ width:640px; _width:655px; position:absolute; left:0; top:146px;}
.quote-pn3 .hd{ position:relative;}
.quote-pn3 .hd .tit{ font-size:60px; color:#fff; font-weight:bold; height:100px; line-height:100px; padding:0 50px;}
.quote-pn3 .hd .ico{ position:absolute; top:25px;}
.quote-pn3 .hd .ico-quote-pre1{ left:0;}
.quote-pn3 .hd .ico-quote-after1{ right:0;}
.quote-pn3 .bd, .quote-pn3 .bd .mask{ width:100%; overflow:hidden;}
.quote-pn3 .bd{ position:relative; z-index:10;}
.quote-pn3 .bd .txt{ font-size:14px; color:#fff; line-height:26px; padding:15px 20px;}

.wkd-video .comm-pn-bd{ overflow:hidden; *zoom:1;}
.wkd-video-c1, .wkd-video-c2{ width:480px; padding-top:5px;}
.wkd-video-c1{ float:left;}
.wkd-video-c1{ float:right;}

.video-pn-ex1 .video-con{ width:480px; height:288px;}

/*the page-top*/
.page-top .header-c2{height:500px;}
.page-top .zt-tit{ font-size:37px; color:#fff; font-weight:normal; left:0; top:190px;}
.page-top .zt-info1{ font-size:16px; color:#fff; position:absolute; left:0; top:255px;}
.page-top .zt-info1 a{ color:#FFF;}
.page-top .zt-info1 a:hover{ text-decoration:underline;}
.page-top .bt{ position:absolute; left:0; top:300px;}
.page-top .area{ margin-bottom:40px;}

.page-top .first-screen{ overflow:hidden; *zoom:1; width:1000px; margin:0 auto; padding:20px 0 40px 0}
.page-top .first-screen-c1{ float:left; width:320px;}
.page-top .first-screen-c2{ float:right; width:640px;}



.video-pn-ex2 .video-con{ width:640px; height:470px;}
.video-pn .video-txt{ width:100%; height:120px; background-color:#131418;}
.video-pn .video-txt p{ font-size:16px; color:#696969; text-indent:2em; line-height:30px; padding:15px 38px 0 38px;}

.top-pn{ overflow:hidden; *zoom:1; position:relative; padding-top:29px; border-top:5px solid #f3f3f3;}
.top-pn-c1{ float:left; margin-right:6px; width:55px; height:630px; position:relative; background-color:#f8f8f8; }
.top-pn-c1 .num{ display:block; position:absolute; width:55px; height:60px; text-align:center; line-height:60px; left:0; top:50%; margin-top:-30px; color:#dadada; font-size:40px; font-weight:bold; font-family:Impact, Tahoma, sans-serif}
.top-pn-c2{ float:left; width:250px;}
.top-pn-c3{ float:right; width:640px;}

.top-analy-pn{ margin-top:-5px;}
.top-analy-pn, .top-video-pn{ border-bottom:1px solid #f1f1f1; padding-bottom:15px;}
.top-video-pn{ padding-bottom:3px;}
.top-video-pn, .top-stra-pn{ padding-top:15px;}

.top-video-pn .comm-plist3{ margin:0 -11px; padding-top:10px;}

.news-list{ overflow:hidden; zoom:1;}
.news-list li{ height:26px; line-height:26px; overflow:hidden; white-space:nowrap; float:left; width:100%;}
.news-list .date{ font-size:12px; color:#8e8e8e; float:right;}
.news-list .tit{padding-left:12px; background:url(/ue3/a/lol/zt/2014/rq/img/sprite.png) no-repeat -497px -339px; display:block; width:90%;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news-list .tit a{ font-size:14px; color:#999;}
.news-list .tit a:hover{text-decoration:underline;}

.top-stra-pn .news-list{ padding:5px 0 0 0;}
.top-stra-pn .news-list li{ width:50%;}

.top-hero-pn{}
.top-hero-pn-c1{ margin:0 auto; position:relative;}
.top-hero-pn-c1, .top-hero-pn-c1 img{ width:240px; height:280px;}
.top-rank-change{ display:block; width:40px; height:20px; text-align:center; line-height:20px; background-color:#ff6565; font-size:14px; color:#fff; position:absolute; right:0; bottom:0;}
.top-hero-pn-c2 .tit{ font-size:16px; color:#000; text-align:center; line-height:44px;}
.top-hero-pn-c2 .tit a{ color:#000;}
.top-hero-pn-c2 .tit a:hover{ text-decoration:underline;}

.top-hero-vote, .top-hero-vote-c1, .top-hero-vote-c2 .vote-num{width:66px; height:66px; overflow:hidden; }
.top-hero-vote{ position:absolute; top:50%; left:50%; margin:-33px 0 0 -33px;}
.top-hero-vote-c1{ display:block; font-size:0;}
.top-hero-vote-c2 .vote-num{ display:inline-block; text-align:center; line-height:66px; font-size:20px; color:#fff; font-weight:bold;}

.hero-other-list{ margin:18px 0 15px 0; padding:0 10px 15px 10px; border-bottom:1px solid #f1f1f1;}
.hero-other-list .gb-list2-con{ width:35px;}
.hero-other-list .gb-list2-c1{ width:35px; height:35px;}
.hero-other-list .gb-list2-c2{ padding:7px 0 0 0; text-align:center;}
.hero-other-list .txt{ height:20px;}

.score, .score-in{ display:inline-block; width:95px; height:17px; background:url(/ue3/a/lol/zt/2014/rq/img/sprite.png) no-repeat;}
.score{ background-position: -260px -350px; position:relative; }
.score-in{ background-position: -260px -370px; position:absolute; left:0; top:0;}

.date-list-ex .up{ font-size:12px; margin-left:5%; }
.date-list-ex .avatar{ display:inline-block; vertical-align:middle; font-size:0;}
.date-list-ex .avatar img{ margin-right:4px;}


.divide1{ width:998px; height:12px; background:url(/ue2/a/lol/zt/2014/rq/img/sprite1.png) no-repeat -1220px 0;}

.top10-hero-pn{ border:1px solid #d6d6d6; clear:both;}
.top10-hero-box{}
.top10-hero-box .hd{ width:252px; height:45px; margin:18px auto 20px auto; background:url(/ue3/a/lol/zt/2014/rq/img/sprite.png) no-repeat -294px -600px;}
.top10-hero-box .hd .tit{ font-size:25px; color:#282a30; font-weight:bold; padding:11px 0 0 25px; *padding-top:15px;}
.top10-hero-box .bd{ padding:5px 20px 10px 20px;}

.channel-pn2{ width:132px;}
.channel-list2{ border:1px solid #e4e4e4; border-top:3px solid #1d1c22; background-color:#fff; width:68px; margin:0 auto;}
.channel-list2 .channel-item{ border-bottom:1px solid #f4f4f4;}
.channel-list2 .last{ border-bottom:none;}
.channel-list2 .channel-con{ display:block; width:70px; height:40px; margin:0 -1px; text-align:center; line-height:40px; font-size:16px; color:#999;}
.channel-list2 .channel-con:hover{ background:url(/ue3/a/lol/zt/2014/rq/img/sprite.png) no-repeat 0 -600px; color:#fff; font-weight:bold}

/*the side-bar*/
.side-bar{ position:fixed; _position:absolute; top:0; right:0; z-index:1100; width:35px; height:100%; min-height:650px; _height:650px; background-color:#333;}
.side-bar-tit, .side-bar-top, .side-ico-new, .side-ico-arrow{ background:url(/ue2/a/lol/zt/2014/rq/img/side-bar.png) no-repeat;}
.side-bar-tit{ width:35px; height:74px; background-position:0 0; text-indent:-9999em}
.side-bar-top{ display:block; width:35px; height:45px; background-position:0 -80px; position:fixed; right:0; bottom:0;}
.side-bar-top:hover{ background-position:-40px -80px;}
.side-bar-divide{ font-size:0; line-height:0; width:25px; height:1px; overflow:hidden; background-color:#5c5c5c; margin:0 auto;}

.side-ico-new, .side-ico-arrow{ display:block; vertical-align:middle; overflow:hidden;}
.side-ico-new{ width:9px; height:7px; background-position:-40px 0;}
.side-ico-arrow{ width:3px; height:9px; background-position:-40px -10px;}

.side-week-pn, .side-share-pn{ padding:12px 0;}
.side-week-tit, .side-share-tit{ display:block; width:35px; height:28px; text-align:center; line-height:28px; color:#8b8b8b;}

.side-week-list{}
.side-week-item{}
.side-week-con, .side-week-c1, .side-week-c2{ display:block;}
.side-week-con{ position:relative;}
.side-week-c1{ position:relative; width:35px; height:40px; overflow:hidden; text-align:center; line-height:40px; font-size:14px; color:#8b8b8b;}
.side-week-c1 .side-ico-new{ position:absolute; top:8px; right:0; display:none;}
.side-week-c2{ position:relative; height:40px; position:absolute; min-width:81px; _width:81px; right:35px; top:0; background-color:#333; display:none;}
.side-week-c2 .side-ico-arrow{ position:absolute; top:50%; margin-top:-5px; right:0;}
.side-week-c2 .txt{ display:block; font-size:12px; color:#ffcd00; line-height:18px; padding:2px 0 0 5px;}

.side-week-item .current .side-week-c1{ background-color:#484848; color:#ffcd00}
.side-week-item .current .side-week-c1 .side-ico-new{ display:block}
.side-week-item .hover .side-week-c1{ background-color:#ffcd00; color:#333}
.side-week-item .hover .side-week-c1 .side-ico-new{ display:none}
.side-week-item .hover .side-week-c2{ display:block;}


/* list-rank */
.list-rank{ overflow:hidden; *zoom:1} 
.list-rank .item{ overflow:hidden; *zoom:1; line-height:32px}
.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 15px 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%; font-size:14px;}
.list-rank .tit:hover{ text-decoration:underline}


  /* list-rank */
  .rank{ overflow:hidden; *zoom:1} 
  .rank .list-item{ overflow:hidden; *zoom:1; height:29px; line-height:29px}
  .list-item .rank-c1{ float:left}
  .list-item .rank-c2{ overflow:hidden; *zoom:1}
  .list-item .num{ float:left; text-align:center; width:20px; height:20px; color:#fff; background:#bcbcbc; line-height:20px; margin:5px 22px 0 0; font-size:12px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px}
  .list-item  .num-top{ background:#ff6565;}
  .list-item .art-item{ overflow:hidden; *zoom:1}
  .list-item .art-item-c1{ float:right; color:#999; padding-right:5px}
  .list-item .tit{ font-size:14px; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;  display:block; float:left; width:80%}
  .list-item .tit:hover{ text-decoration:underline}
  .c-black {color: #333333;}
    /* mod-rank */
.mod-rank{ position:relative; margin-top:0px} /* z-index:100 */
.mod-rank .mod-hd1{}
.mod-rank .mod-hd1 .tit{border-top:none;float:left}
.mod-rank .top-tab{margin-left:10px;float:right;*zoom:1; font-size:13px;}
.mod-rank .top-tab li{float:left;}
.mod-rank .top-tab .gb-tab-c{display:block;padding:0 5px;color:#aeaeae;*padding:0 4px;}
.mod-rank .top-tab .gb-tab-c:hover{ text-decoration:none;}
.mod-rank .top-tab .current{color:#FFF;border-top:2px solid #a2c7e6;line-height:34px;*line-height:28px;}
.rank-info{margin-top:5px;color:#999;}
.rank-info a{color:#3e73b2;margin-right:10px;}

.mod-hd1{height: 40px;
line-height: 40px;
padding: 0 10px;
background: #cc3333 url(/ue3/a/lol/zt/2014/rq/img/sprite.png) no-repeat right -511px;}
.mod-hd1 .tit{font-size: 16px;
color: #fff;
font-weight: bold;}
.mod-hd1 .tit-w{height:3em;display:none;}
.mod-hd1 .more{font-size:12px;color:#696969;float:right;}
.mod-bd1{padding: 10px 10px 15px 10px;}

.color-down {
color:#090;
font-weight: bold;
font-size:12px;
margin-left:5%;
}

.color-up {
color:#C00;
font-weight: bold;
font-size:12px;
margin-left:5%;
}

.sum{ overflow:hidden;}
.sum-up,.sum-down{ width:310px;}
.sum-up-t,.sum-down-t{ text-align:center;font-size: 18px;
line-height: 40px; font-weight:bold;}
.sum-up-d,.sum-down-d{ overflow:hidden;}
.sum-down-d{ margin-left:10px;}
.sum-down-d .hero-icon{}
.sum-up{ float:left;border-right:5px solid #f3f3f3; height:260px;}
.sum-down{ float:left;}
.sum-t{}
.sum-t h2{font-size: 18px;
line-height: 40px; font-weight:bold;}
.sum-t p{ text-indent:2em; font-size:16px; line-height:30px;}
.sum-d{ margin-top:20px;}
.hero-icon{ margin-top:10px; position:relative; float:left; width:100px; text-align:center; height:100px; margin-top:10px;}
.hero-icon .pic{}
.hero-icon .pic img{ width:80px; border:3px #CCC solid;}
.hero-icon .pic img:hover{ border-color:#36F;}
.hero-icon .txt{ position: absolute;
top: 65px;
left: 1px;
text-align: center;
width: 80px;
margin-left: 9px;}
a .hero-icon  .txt{ color:#FFF;}

.sum-up-d .hero-icon .txt { background:#ff6565;filter: alpha(opacity=85);
-moz-opacity: 0.85;
-khtml-opacity: 0.85;
opacity: 0.85;}

.sum-down-d .hero-icon .txt { background:#396;filter: alpha(opacity=85);
-moz-opacity: 0.85;
-khtml-opacity: 0.85;
opacity: 0.85;}

.relitu{ width:33.33%; float:left; text-align:center;}
.relitu .txt{ width:180px;}
.relitu .pic img{width:180px;} 


.top-pn-c1 .qy{display: block;
position: absolute;
width: 55px;
height: 60px;
text-align: center;
line-height: 60px;
left: 0;
top: 30%;
margin-top: -30px;
color: #dadada;
font-size: 40px;
font-weight: ;
font-family:Microsoft Yahei;}

.winrank{ overflow:hidden; margin-bottom:10px;}
.winrank a{ float:right; font-family:Microsoft Yahei; color:#333333; font-size:14px;}
.winrank a:hover{ text-decoration:underline;}