@charset "gb2312";
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,p,pre,td,textarea,th,ul{margin:0;padding:0}
img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal}
ul{list-style:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
q:after,q:before{content:''}
abbr,acronym{border:0}
i{font-style:normal}
a{text-decoration:none}
a:hover{text-decoration:underline}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.clearfix{*zoom:1}
.clear{clear:both;visibility:hidden;height:0;line-height:0;font-size:0;}
body{font:12px/1.6 tahoma,\5b8b\4f53,arial;padding-top:42px;background:#020d0f; min-width:1002px;}
.center{margin:0 auto}
.main{width:1000px; position:relative;}
.disb{ display:block;}
.disn{ display:none;}
.disi{ display:inline-block; *zoom:1; *display:inline; vertical-align:top}
.ovh{ overflow:hidden;}
.container a:hover{text-decoration:none}
.container .fb{font-weight:700}
.container .fr{float:right;display:inline}
.container .fl{float:left;display:inline}
.container img{display:block}
.container .pa{position:absolute}

.spr{ background:url(http://game.gtimg.cn/images/lol/act/a20161107preseason/spr.png) no-repeat;}

.nav{ width:100%; height:80px; background:#040808; font-family:"\5FAE\8F6F\96C5\9ED1"; position:absolute; z-index:9; top:42px;}
.nav.sam-fix{ position:fixed; top:0;}
.nav ul{ width:996px; margin:0 auto; height:80px;}
.nav li{ float:left; display:inline; height:53px; width:166px; text-align:center; color:#d0d0d0; padding-top:25px; border-bottom:2px solid #040808; cursor:pointer;}
.nav li:hover,.nav li.active{color:#ffd789; border-bottom:2px solid #ffd789;}
.nav li strong{ font-size:18px; line-height:20px; font-weight:normal;}
.nav li span{ font-size:10px; line-height:14px; text-transform:uppercase; color:#616363}
.nav li:hover span,.nav li.active span{ color:#c49f58}


.container{position:relative; width:100%; padding-top:80px; overflow:hidden; background:#020d0f; font-family:"\5FAE\8F6F\96C5\9ED1";}
.page1{ background: url(http://game.gtimg.cn/images/lol/act/a20161107preseason/bg1.jpg) 50% 0 no-repeat; height:707px;}
.page1 .logo{ width:150px; height:80px; right:40px; top:40px;}
.page2{ background: url(http://game.gtimg.cn/images/lol/act/a20161107preseason/bg2.jpg) 50% 0 no-repeat; height:814px;}
.page2 .designers{ width:260px; height:260px; background-position:0 0; left:1; top:32px;}
.page2 h1{ font-size:14px; line-height:26px; text-align:justify; text-indent:2em; color:#fff5da; padding:96px 14px 0 270px; text-transform:uppercase}
.container h3{color:#a6a6a6; font-size:16px; line-height:26px; text-align:center;}
.container .page2 h3{ margin-top:192px;}
.container .features{ height:267px; text-align:center;margin-top:60px;}
.container h3.page3-h3{ margin-top:140px; clear:both;}
.features a{ height:267px; width:475px; margin:0 7px; position:relative;}
.features .btn-video{ background:url(http://game.gtimg.cn/images/lol/act/a20161107preseason/bg6.png) no-repeat; outline:none;}
.features .btn-video i{ height:60px; width:60px; position:absolute; left:50%; top:50%; margin:-30px 0 0 -30px; background-position:-260px 0; cursor:pointer;}
.features .btn-image span{ position:absolute; left:0; bottom:0; width:100%; height:34px; line-height:34px; color:#95855b; background: -webkit-linear-gradient(#a18942 40%,#edd391 60%);-webkit-background-clip: text;-webkit-text-fill-color: transparent; font-size:14px; cursor:pointer;}
.page2 .features .btn-image{ background:url(http://game.gtimg.cn/images/lol/act/a20161107preseason/bg7.png) no-repeat;}
.page3{ background: url(http://game.gtimg.cn/images/lol/act/a20161107preseason/bg3.jpg) 50% 0 no-repeat; height:1270px;}
.page3 .main{ padding-top:137px;}
.features.features-page31 .btn-image{background:url(http://game.gtimg.cn/images/lol/act/a20161107preseason/bg8.png) no-repeat;}
.features.features-page32 .btn-image{background:url(http://game.gtimg.cn/images/lol/act/a20161107preseason/bg10.png) no-repeat;}
.extend-box{height:150px;}
.extend{ width:475px; height:150px; margin-right:15px; text-align:center;}
.extend-box h2{ color:#b19d60; font-size:20px; line-height:24px; font-weight:bold; padding-top:31px; margin-bottom:10px;}
.extend-box a{line-height:20px; color:#9e8d5c; font-size:14px; display:block; width:210px; margin:0 auto}
.extend-box a:hover{ text-decoration:underline;}
.page4{ background: url(http://game.gtimg.cn/images/lol/act/a20161107preseason/bg4.jpg) 50% 0 no-repeat; height:1153px;}
.page4 .main{ padding-top:137px;}
.page4 .features{ margin-top:35px;}
.page4 .features .btn-image{background:url(http://game.gtimg.cn/images/lol/act/a20161107preseason/bg9.png) no-repeat;}
.page4 .extend-box{ margin-bottom:135px;}
.page4 .ask-questions{ width:289px; height:109px; margin:82px auto 0; background-position:0 -260px;}
.page5{ background:#020d0f url(http://game.gtimg.cn/images/lol/act/a20161107preseason/bg5.jpg) 50% 0 no-repeat; padding-bottom:30px;}
.page5 .main{ padding-top:177px;}
.page5 .page5-ul{ width:1000px; background:#1b292f; height:50px; line-height:50px; text-align:center; border-radius:3px;}
.page5 .page5-ul li{ width:198px; height:48px; line-height:48px; border:1px solid #1b292f; float:left; display:inline; border-radius:3px; cursor:pointer; color:#ddc37f; font-size:20px;}
.page5 .page5-ul li:hover,.page5 .page5-ul li.active{background:url(http://game.gtimg.cn/images/lol/act/a20161107preseason/bg11.jpg) 0 0 repeat-x; color:#452e21; font-weight:bold;border:1px solid #e2d9c1;}

.pop-video{display:none;width:966px;height:567px;border:5px solid #1d1c1a;position:relative;background-color:#1d1c1a; outline:none;}
.pop-video .video{width:966px;height:567px; background:#1d1c1a}
.pop-close {width:40px;height:40px;text-align:center;line-height:40px;background-color:#1d1c1a; position:absolute;right:-45px;top:-5px;font-family:Tahoma;font-size:30px;color:#aaa;text-decoration: none;}
.pop-close:hover {color:#fff;text-decoration:none;}

.discuss-content{ margin-top:50px;}
.discuss-content iframe{ display:none;}
.discuss-content iframe.active{ display:block;}
 


#footer_ied{padding:55px 0; color:#8d9090;text-align:center;line-height:19px;font-family:Tahoma;font-size:12px;}
#footer_ied .wrap_ied{width:1000px;margin:0 auto}
#footer_ied p.e{font-size:10px}
#footer_ied a{color:#8d9090;text-decoration:none}
#footer_ied a:hover{color:#8d9090;text-decoration:underline}









/*  |xGv00|8f634b992850a197773b7b949ce5076a */