.zq-w-container { width: 1000px; margin-left: auto; margin-right: auto; }
.zq-wrap {font-size: 12px; line-height: 1.5; color: #333; background: url(//images.17173cdn.com/2015/lol/2015/img/top-bg.jpg) no-repeat center top;font-family:"Microsoft Yahei","Simsun";position:relative;}
.header-in { position: relative; z-index: 410; height: 424px; }
.header-c1 { position: absolute; bottom: 0; left: 0; width: 100%;}
.logo-box { position: absolute; left: 55px; top:165px; }
.logo-box .logo { display: block; text-align: center; }
.logo-box .logo:hover { text-decoration: none; }
.logo-box .game-name { display: block; font: normal 183.3%/1.5 "MicroSoft YaHei","SimHei"; color: #fff; }
.logo-box .game-url { display: block; font: normal 133.3%/1.5 "MicroSoft YaHei","SimHei"; color: #fff; }

.nav-list .active .nav-ico-drop, .nav-list .current .nav-ico-drop, .nav-item:hover .nav-ico-drop, .nav-con:hover .nav-ico-drop { color: #b32d0f; }

.nav-list .first .nav-sub, .nav-item:first-child .nav-sub { margin-left: 0; }
.nav-list .first .nav-con, .nav-item:first-child .nav-con { border-left: 0; }

.nav-list .first .nav-con, .nav-item:first-child .nav-con { border-left: 0; }

.nav-item { float: left; position: relative;height: 40px;padding-top: 5px; }
.nav-con { display: block; overflow: hidden; width: 130px; font: normal 150%/40px "MicroSoft YaHei"; color: #fff; text-align: center; background: url(//ue.17173cdn.com/a/lol/index/2015/img/sp.png) no-repeat; background-position: 0 -105px;}
.nav-con:hover { color: white; text-decoration: none; }
.nav-list .current{padding-top: 0; height: 45px;}
.nav-list .current .nav-con{width: 131px;height:45px;background-position: 0 0; color: white; background-color: #701e0c;color: #fffbc9; }
.nav-list .current .nav-con:hover{background-position: 0 -53px;}
.nav-sub { overflow: hidden; *zoom: 1; height: 40px; padding: 0 220px 0 20px; background-color: #bc2609;color:#c9513a;  }
.nav-sub .con {margin:0 5px; font: normal 116.7%/40px "Microsoft YaHei"; color:#fffbc8; }

.header-quick-start { overflow: hidden; position: relative; z-index: 2; height: 73px; padding-top: 12px; padding-right: 220px;font-family:"Microsoft Yahei"; }
.header-quick-start .item { float: left; padding: 0 10px 0 10px; line-height: 30px; color: #353a43; white-space: nowrap; }
.header-quick-start .tit { font-weight: bold; color: #dedede; }
.header-quick-start .con { color: #8c96a5; }
.header-quick-start .bg { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 85px; background-color: #0e1826; filter: alpha(opacity=90); opacity: 0.9; }

.header-c2 .search-box .active .txt-search, .header-c2 .search-con:hover .txt-search { color: white; }
.header-c2 .search-box .active .nav-ico-search, .header-c2 .search-con:hover .nav-ico-search { color: #515464; }

.header-c2 { position: absolute; z-index: 10; bottom: 0; right: 0; width: 220px; height: 125px; background-color: #192032; }
.header-c2 .link-box { overflow: hidden; *zoom: 1; margin-bottom: 15px; border-bottom: 1px solid #701e0c; background-color: #bc2609; }
.header-c2 .link-box .con { float: left; width: 49.9%; margin-left: -1px; font: normal 150%/40px "MicroSoft YaHei"; color: #fffbc8; text-align: center; border-left: 1px solid #701e0c; }
.header-c2 .link-box .con:hover { text-decoration: none; background-color: #d02606; }
.header-c2 .link-box1 { margin: 0 20px 8px; color: #353a43; }
.header-c2 .link-box1 .con { color: #dedede; }
.header-c2 .search-box { margin: 0 20px; }
.header-c2 .search-con { position: relative; overflow: hidden; height: 24px; padding: 0 28px 0 8px; background-color: #141927; border-radius: 2px; }
.header-c2 .txt-search { *position: relative; *top: -1px; width: 100%; height: 24px; line-height: 24px; margin: 0; padding: 0; color: #8c96a5; border: 0; background: none; }
.header-c2 .txt-search:focus { color: white; }
.header-c2 .btn-search { overflow: hidden; position: absolute; top: 0; right: 0; width: 26px; height: 24px; text-align: center; }
.header-c2 .btn-search .btn { position: absolute;top: 0; left: 0; width: 24px; height: 24px; opacity:1;border: 0;font-size: 0; filter: alpha(opacity=0); cursor: pointer; background: url(http://ue.17173cdn.com/a/lol/index/2015/img/ico-search.png) no-repeat right center;}
.header-c2 .btn-search .nav-ico-search{display: none;}
.header-c2 .nav-ico-search { display: inline-block; margin-top: 4px; margin-top: 2px\9; font-size: 24px; line-height: 24px; color: #515464; }
.header-c2 .shadow { position: absolute; left: -6px; top: 0; width: 6px; height: 125px; background-image: -moz-linear-gradient(left, transparent, rgba(0, 0, 0, 0.1) 45%, rgba(0, 0, 0, 0.4)); background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0.6)); background-image: linear-gradient(left, transparent, rgba(0, 0, 0, 0.1) 45%, black); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,startColorStr='#00000000',endColorStr='#55000000'); }
.header .h-txt{position:absolute;overflow:hidden;right:0; top:190px; height:40px; padding:0 15px;font: normal 16px/40px "Microsoft YaHei"; color: #ffe261;}
.header .h-txt a{color: #ffe261;}
.header .btn-qd{position: absolute;right: 0; bottom:133px; width:80px;height:33px; background:url(//images.17173cdn.com/2015/lol/2015/img/qd.png) no-repeat;}
.mask { overflow: hidden; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; *height: 200px; background: #000; filter: alpha(opacity=50); opacity: .5; }
:root .mask { filter: none \0; }
.icoo { display: inline-block; overflow: hidden; vertical-align: middle; background: url(//ue.17173cdn.com/a/lib/zhuanqu/v2/img/icon.png) no-repeat; }
.ico-hot, .ico-new { position: relative; top: -8px; *top: 0; width: 14px; height: 16px; margin-left: 2px; *margin-bottom: 12px; }
.ico-hot { background-position: 0 0; }
.ico-new { background-position: -15px 0;}
.fbg{width:100%;background:#000;
				background: -webkit-gradient(linear,0 0,0 100%,from(transparent),to(#000));
				background: -moz-linear-gradient(top,transparent,#000);
				background: -ms-linear-gradient(transparent,#000000);
				background: -o-linear-gradient(transparent,#000);
				height:50px;position:absolute;bottom:0;left:0;}