body { background: #fff;font-family: "Microsoft YaHei",Simsun;min-width: 1000px; font-size: 12px}

.mask { overflow: hidden; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background: #000; filter: alpha(opacity=50); opacity: .5;  _width: 500px; _height: 800px}
:root .mask { filter: none \0; }

.ico{ display: inline-block; overflow: hidden; vertical-align: middle; background: url(http://ue1.17173cdn.com/a/v/lol/2015/img/icon.png) no-repeat;
}
.ico-hot, .ico-new{position: relative;*zoom:1; 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;}

.zq-w-container { width: 1000px; margin-left: auto; margin-right: auto;}

.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(http://ue2.17173cdn.com/a/v/lol/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://ue3.17173cdn.com/a/v/lol/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'); }

.co1{width:670px;float:left;}
.co2{width:300px;float:right;}

.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(http://ue3.17173cdn.com/a/v/lol/2015/img/qd.png) no-repeat;}

.footer{background:#f0f0f0; border-top: 1px solid #d1d1d1;padding-top: 20px;margin-top: 30px;}
.footer a{color: #666}
.footer a:hover{color: #ff4800}
.footer .c-or{color: #ff4800}
.footer-c1{overflow: hidden;*zoom:1;padding-bottom: 20px;border-bottom: 1px solid #d1d1d1;}
.footer-c1 .f-hd{ height:40px;}
.footer-c1 .f-hd .tit{font: bold 16px/40px "Microsoft Yahei"; color: #666 }
.footer-c1 .f-bd p{line-height: 26px; font-size: 12px;}
.footer-c1 .f-bd .sep{margin: 0 5px}
.footer-c2{overflow:hidden;*zoom:1;overflow: hidden;padding-bottom: 20px;margin-top: 25px;}
.footer-c2 .item{float:left;width:19.99%;} 
.footer-c2 .item .tit{font:bold 16px/2 "Microsoft Yahei"; color: #666;}
.footer-c2 .item .con a{display: block;width: 100%;line-height: 26px;color:#666\ff1b;font-size: 14px;}
.global-footer{background: #070d15;font-family: "Microsoft Yahei"}
.global-footer,.global-footer a,.global-footer a:link,.global-footer a:visited,.global-footer a:hover,.global-footer a:active{color: #5a6773;}