@charset "gb2312";
/* reset */
html{-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%; font-size:100px;}
html,body{position:relative; width:100%; height:100%; overflow:hidden;}
body{margin:0; font-size:12px; line-height:12px; background:#b6d1ea;}
img{border:0;}
.pagebox *,.pop-ups *{outline: none; outline-style: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: antialiased !important; -moz-font-smoothing: antialiased !important; -o-font-smoothing: antialiased !important; -ms-font-smoothing: antialiased !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; font-family:"\5FAE\8F6F\96C5\9ED1",STHeiTi, Arial, sans-serif,"Droid Sans Fallback";}
a,a:hover{text-decoration:none}
ul{list-style: none;}
.clear{clear:both;visibility:hidden;height:0;line-height:0;font-size:0;}
.clearfix:after{clear:both;content:".";height:0;display:block;visibility:hidden;}
.spr,.icon-ul li a,.determine,.btn-box a,.page5 a,.lit-p a{background:url(http://game.gtimg.cn/images/lol/m/act/a20151224assembly/spr.png) no-repeat; -webkit-background-size:4.62rem 2.54rem;  background-size:4.62rem 2.54rem;}
.pagebox .fl{ float:left;}
.pagebox .fr{ float:right;}
.pagebox .center{margin-left:auto; margin-right:auto;}
.pagebox .t_c{text-align:center;}
.pagebox img,.pop-ups img{display:block;}
.pagebox .fb{ font-weight:bold;}
.pagebox{height:100%; width:100%; position:relative; z-index:2;}
.pagebox section{width:100%; height:100%; position:relative; z-index:2;}
.page1{background:url(http://game.gtimg.cn/images/lol/m/act/a20151224assembly/bg1.jpg) 50% 50%; background-size:cover; padding-top:25%;}
.toplogo{width:2rem; height:1rem; position:absolute; left:.3rem; top:.1rem;}
.loginbar{height:.26rem; padding-right:.2rem; position:absolute; right:0; top:.35rem; line-height:.26rem; font-size:.2rem; color:#0b4976;}
.loginbar a{color:#039ffd;}
.toplogo img,.build,.close img{width:100%;}
.faq{width:1.85rem; height:.6rem; line-height:.6rem; background-position:0 -1.94rem; position:absolute; left:50%; margin-left:-.925rem; bottom:1.33rem; color:#fefdfc; font-size:.2rem; padding-left:.7rem;}
.arrow{background-position:-2.17rem -1.94rem;width:.9rem; height:.6rem; position:absolute; z-index:3; left:50%; margin-left:-.45rem; bottom:.2rem; -webkit-animation:move 1.5s linear infinite;animation:move 1.5s linear infinite;}


.page2{padding-top:.34rem; background:url(http://game.gtimg.cn/images/lol/m/act/a20151224assembly/bg2.jpg) no-repeat; background-size:cover;}
.page3{padding-top:.34rem; background:url(http://game.gtimg.cn/images/lol/m/act/a20151224assembly/bg3.jpg) no-repeat; background-size:cover;}
.page4{padding-top:.34rem; background:url(http://game.gtimg.cn/images/lol/m/act/a20151224assembly/bg4.jpg) no-repeat; background-size:cover;}
.page5{padding-top:.5rem; background:url(http://game.gtimg.cn/images/lol/m/act/a20151224assembly/bg5.jpg) no-repeat; background-size:cover;}
.page2 .tit{height:.9rem; margin-left:.15rem;}
.page2 h2,.page5 h2{width:5.65rem; margin:0 auto .3rem; line-height:.36rem; color:#0b4976; font-size:.2rem; font-weight:normal;}
.page2 h2 span{ font-weight:bold;}
.page2 .registration{background-position: -2.28rem 0;width:2.34rem; height:.72rem; line-height:.7rem; padding-left:.85rem; font-size:.24rem; color:#fff; display:block; margin:0 auto;}
.page3 .registration{background-position: 0 -1.16rem; width:2rem; height:.65rem; line-height:.63rem; padding-left:.75rem;}
.icon{width:1.3rem; height:1.3rem; margin:.47rem auto;}
.icon-ul{ width:100%;}
.icon-ul li{width:33.33%; text-align:center; color:#0b4976; font-size:.2rem; text-align:center; float:left; line-height:.3rem;}
.icon-ul li:nth-child(2){width:33.34%;}
.icon-ul li img{ height:.75rem; margin:0 auto .08rem; line-height:.3rem;}
.icon-ul li a,.determine,.btn-box a,.page5 a{display:block; background-position:-2.17rem -1.16rem; margin:0 auto; width:1.68rem; height:.62rem; line-height:.6rem; font-size:.22rem; color:#fff; text-shadow: 1px 1px 8px #fff;}
.icon-ul li h3{font-weight:bold; margin-top:.2rem; margin-bottom:.1rem;}
.icon-ul li p span{color:#048af2;}
.page5 .tit{height:.9rem; margin:0 auto;text-align:center;}
.page5 h2,.page5 a{text-align:center;}
.page5 .snowball{ width:1.7rem; margin:0 auto;}
.pop-ups{position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,.6); z-index:10; display:none;}
.pop-ups-box1{padding-top:.15rem; width:5.85rem; background:#b2c7e0; border:2px solid #89b5f8; border-radius:.1rem; padding-bottom:.5rem;}
.pop-ups-center{position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); }
.faq-img{width:2.3rem; margin:0 auto;}
.close{width:.64rem; height:.64rem; right:0; top:0; position:absolute; background:#839ec3; border-bottom-left-radius:.1rem; z-index:3;border-top-right-radius: .1rem;}
.faq-box{width:5.3rem; height:4.7rem; margin:.2rem auto 0;color:#0b4976; font-size:.22rem; line-height:.3rem; overflow-y:auto;}
.faq-box li{width:4.9rem; font-size:.24rem;}
.faq-box h6{background:url(http://game.gtimg.cn/images/lol/m/act/a20151224assembly/q2.png) 0 0 no-repeat; background-size:.3rem .3rem; padding-left:.4rem; font-weight:bold; margin-bottom:.13rem; font-size:.24rem;}
.faq-box p{padding-left:.4rem; padding-bottom:.4rem; font-size:.22rem;}
.pop-ups-box1 h4{color:#0b4976; font-size:.26rem; line-height:.36rem; text-align:center; font-weight:normal; padding:1.3rem .15rem 0;}
#pop-ups-3 h4{ padding-bottom:.5rem;}
.pop-ups-box1 h5{color:#0b4976; font-size:.26rem; line-height:.8rem; padding-left:1.2rem; text-align:center; font-weight:normal; width:100%; position:absolute; left:0; top:0;}
.pop-ups-box1 h5 span{color:#fff;}
.btn-box{width:100%; height:.62rem; text-align:center;vertical-align: top;}
.btn-box a{display:inline-block; margin:0 .4rem;vertical-align: top;}
.mascot{position:absolute; width:2.5rem; left:-.26rem; top:-.45rem;}
.pop-ups-qd{background:url(http://game.gtimg.cn/images/lol/m/act/a20151224assembly/bcbg.png) no-repeat; width:5.85rem; height:4.4rem; background-size:100% 100%;}
.pop-ups-qd .close{background:none;}
.pop-ups-qd .lit{position:absolute;}
.pop-ups-qd .lit1{left:0; top:1.5rem; width:5.74rem; z-index:1}
.pop-ups-qd .lit2{left:0; top:2.45rem; width:5.35rem; z-index:5;}
.pop-ups-qd .lit3{left:.18rem; top:2.76rem; width:5.6rem; z-index:9;}
.pop-ups-qd .lit4{left:.39rem; top:1.81rem; width:5.3rem; z-index:4;}
.determine{position:absolute; left:50%; margin-left:-.84rem; bottom:.42rem; z-index:9; text-align:center;}
.lit-p{height:1.2rem; width:100%; left:0;}
.lit-p1{top:1.04rem;}
.lit-p2{top:2.02rem;}
.lit-p a{width:1.02rem; height:1.02rem; position:absolute; overflow:hidden; background-position:0 0;}
.lit-p a.active{background-position:-1.15rem 0}
.lit-p1 a{z-index:2;}
.lit-p2 a{z-index:6;}
.lit-p a span{display:block; width:100%; line-height:.7rem; text-align:center; font-size:.2rem;text-shadow: 1px 1px 2px #fff; color:#6985b1; font-weight:bold;}
.lit-p a.lit-a1{left:.64rem; top:.08rem; z-index:3;}
.lit-p a.lit-a2{left:1.6rem; top:.05rem;}
.lit-p a.lit-a3{left:2.61rem; top:.13rem;}
.lit-p a.lit-a4{left:3.55rem; top:.16rem; z-index:3;}
.lit-p a.lit-a5{left:4.5rem; top:.03rem;}
.lit-p a.lit-a6{left:.5rem; top:.05rem;}
.lit-p a.lit-a7{left:1.54rem; top:.18rem; z-index:7;}
.lit-p a.lit-a8{left:2.5rem; top:.07rem;}
.lit-p a.lit-a9{left:3.6rem; top:.17rem; z-index:7;}
.lit-p a.lit-a10{left:4.56rem; top:.01rem;}
.prompt{width:100%; font-size:12px; text-align:center; left:0; height:40px; line-height:40px; z-index:1; position:absolute; margin:0;font-family:"\5FAE\8F6F\96C5\9ED1",STHeiTi, Arial, sans-serif,"Droid Sans Fallback";display:none; color:#333;}
.prompt-top{top:0;}
.prompt-bottom{bottom:0;}
.faq-box{scrollbar-face-color:#6b9ddb;scrollbar-highlight-color:#6b9ddb;scrollbar-shadow-color:#6b9ddb;scrollbar-3dlight-color:#6b9ddb;scrollbar-arrow-color:#6b9ddb;scrollbar-track-color:#6b9ddb;scrollbar-darkshadow-color:#6b9ddb;scrollbar-base-color:#6b9ddb}
.faq-box::-webkit-scrollbar{width:.15rem}
.faq-box::-webkit-scrollbar-track{border-radius:.5rem;background-color:#6b9ddb}
.faq-box::-webkit-scrollbar-thumb{border-radius:.5rem;background-color:#fff}
@-webkit-keyframes move{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}25%{-webkit-transform:translate3d(0,5px,0)}50%{-webkit-transform:translate3d(0,0,0)}75%{-webkit-transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0)}}
@keyframes move{0%{transform:translate3d(0,0,0)}25%{transform:translate3d(0,5px,0)}50%{transform:translate3d(0,0,0)}75%{transform:translate3d(0,-5px,0)}to{transform:translate3d(0,0,0)}}



/*  |xGv00|6547cc227ea80084af08ed851e51cc20 */