@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; outline:none}
a:hover{text-decoration:none;}
.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:#06172d; min-width:1240px;}
.center{margin:0 auto}
.main{width:1240px; position:relative; height: 100%; z-index: 2;}
.disb{ display:block;}
.disn{ display:none;}
.disi{ display:inline-block; *zoom:1; *display:inline; vertical-align:top}
.ovh{ overflow:hidden;}
.container-box a:hover{text-decoration:none}
.container-box .fb{font-weight:700}
.container-box .fr{float:right;display:inline}
.container-box .fl{float:left;display:inline}
.container-box img{display:block}
.container-box .pa{position:absolute}

.container-box{width:100%; height:1080px; position:relative; overflow:hidden; font-family:"\5FAE\8F6F\96C5\9ED1"; margin-top: -70px;}
.container{position:relative; width:100%; height:1000px; }
.container .page{ width:100%; position:relative; height:1000px; float:left; display:inline; overflow:hidden;}
.container .page .main{ position:relative; width:1000px; margin:0 auto}

#footer_ied{padding:20px 0; color:#5e5e5e;text-align:center;line-height:19px;font-family:Tahoma;font-size:12px; position:relative; z-index:2; background-color: #000;}
#footer_ied .wrap_ied{width:1000px;margin:0 auto}
#footer_ied p.e{font-size:10px}
#footer_ied a{color:#5e5e5e;text-decoration:none}
#footer_ied a:hover{color:#fff;text-decoration:underline}


.hide { display: none;}
/*视频弹窗*/
.vid_dia{width:860px;height:500px;overflow:hidden; outline:none;}
.dia-close{float:left;padding:15px 15px;color:#fff;text-decoration:none;display:inline;overflow:hidden;text-align:center;background:#000; font-size:26px;}
.dia-close:hover { color:#FF0;}
.dia-con{width:810px;height:500px;float:left;text-align:center;clear:both;background:#000;}
.spr { background-image: url(//game.gtimg.cn/images/lpl/es/act/a20170921brand/spr.png); background-repeat: no-repeat;}
/*通用*/
.container-box .logo-link{ left:-240px; top:90px; z-index:10; -webkit-transition:all ease .5s; transition:all ease .5s;}
.head-right { right: -340px; top: 110px; z-index: 10; line-height: 24px; color: #014592; font-size: 14px; -webkit-transition:all ease .5s; transition:all ease .5s;}
.head-right .login { margin-right: 30px; color: #fff;}
.head-right .login a { color: #b99968;}
.tg-sns { padding-left: 7px;}
.tg-sns a { background-image: url(//game.gtimg.cn/images/lpl/es/act/a20170921brand/share-icon.png); background-repeat: no-repeat;}
.tg-sns .tg-sns-qq { background-position: 0 0;}
.tg-sns .tg-sns-qzone { background-position: -24px 0;}
.tg-sns .tg-sns-weibo { background-position: -48px 0;}
.container-box.container-active .logo-link{ left: 42px;}
.container-box.container-active .head-right { right: 40px;}
/*箭头 轮播点*/
.page-list-num { width: 600px; height: 56px; position: absolute; left: 50%; margin-left: -300px; bottom: 160px; z-index: 100;}
.page-list-line { width: 287px; height: 2px; background-color: #cbad7a; position: absolute; left: 155px; top: 17px; z-index: -1;}
.swiper-pagination { width: 600px; height: 35px; font-size: 0; text-align: center;}
.swiper-pagination span { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; width: 35px; height: 35px; margin: 0 32px; background-image: url(//game.gtimg.cn/images/lpl/es/act/a20170921brand/spr.png); background-repeat: no-repeat; background-position: -203px 0; cursor: pointer;}
.swiper-pagination span.swiper-active-switch { background-position: -168px 0;}
.swiper-pagination span:hover { background-position: -168px 0;}
.page-list-sp { width: 600px; height: 17px; font-size: 0; text-align: center; margin-top: 4px;}
.page-list-sp span { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; width: 35px; height: 17px; margin: 0 32px;}
.page-list-sp span em { display: block; width: 17px; height: 17px; margin: 0 auto; display: block;}
.spr-num1 { background-position: -238px 0;}
.spr-num2 { background-position: -255px 0;}
.spr-num3 { background-position: -272px 0;}
.spr-num4 { background-position: -289px 0;}
.page-btn { -webkit-transition:all ease .5s; transition:all ease .5s;}
.page-btn:hover { -webkit-transform: scale(0.9,0.9); transform: scale(0.9,0.9);}
.spr-btnl { background-position: -323px 0; width: 233px; height: 76px; left: 30px; top: 502px; -webkit-transform-origin: left center; transform-origin: left center; display: none; z-index: 10;}
.spr-btnr { background-position: 0 -168px; width: 244px; height: 209px; right: 30px; top: 435px; -webkit-transform-origin: right center; transform-origin: right center; z-index: 10;}
/*page1*/
.page1{ background: url(//game.gtimg.cn/images/lpl/es/act/a20170921brand/bg1.jpg) 50% 0 no-repeat;}
.page1-slogan { width: 832px; height: 140px; padding-top: 148px; margin: 0 auto 30px auto;}
.page1-roll { width: 832px; height: 469px; margin: 0 auto; padding: 0 84px; position: relative;}
#rollbox { height: 469px; overflow: hidden;}
.page1-roll ul li { float: left; width: 832px; height: 469px; position: relative;}
.page1-roll ul li a { background-color: rgba(5,10,46,0.4); position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%;}
.page1-roll ul li:hover a { background-color: transparent;}
@-webkit-keyframes xz {  
   0%{ opacity:0.8;-webkit-transform:scale(1.1,1.1);}
   100%{opacity:1;-webkit-transform:scale(1,1);}  
 }
@keyframes xz {  
   0%{ transform: rotate(0);}
   100%{ transform: rotate(360deg);}  
 } 
.page1-roll ul li a span { background-position: -260px -180px; display: block; width: 96px; height: 96px; position: absolute; left: 50%; top: 50%; margin: -48px 0 0 -48px;-webkit-animation: xz 3s linear infinite; animation: xz 3s linear infinite;}
@-webkit-keyframes fangda{  
   0%{ -webkit-transform:scale(1,1);}
   50%{ -webkit-transform:scale(1.2,1.2);}
   100%{ -webkit-transform:scale(1,1);}  
 }
@keyframes fangda{  
   0%{ transform:scale(1,1);}
   50%{ transform:scale(1.2,1.2);}
   100%{ transform:scale(1,1);}  
 }
.page1-roll ul li a i { display: block; position: absolute; left: 50%; top: 50%; margin: -48px 0 0 -48px; width: 96px; height: 96px; background-position: -370px -180px;-webkit-animation: fangda 2s linear infinite;animation: fangda 2s linear infinite;}
.roll-sp { padding-top: 18px; width: 100%; height: 14px; font-size: 0; text-align: center;}
.roll-sp span { display: inline-block; vertical-align: top; width: 8px; height: 8px; border: 3px solid #b99968; border-radius: 50%; margin: 0 9px; cursor: pointer;}
.roll-sp span.dotItem{background-color:#b99968;}
.arrow { width: 84px; height: 168px; position: absolute; top: 50%; margin-top: -84px; z-index: 5;}
.arrow1 { left: 0; background-position: 0 0;}
.arrow2 { right: 0; background-position: -84px 0;}
/*page2*/
.page2 { background: url(//game.gtimg.cn/images/lpl/es/act/a20170921brand/bg2.jpg) 50% 0 no-repeat;}
.page2-slogan { width: 340px; height: 80px; margin: 0 auto 23px auto; padding-top: 205px;}
.page2-platform { width: 818px; height: 409px; margin: 0 auto 46px 111px; background: url(//game.gtimg.cn/images/lpl/es/act/a20170921brand/page2-platform.png) no-repeat 0 0; position: relative;}
.page2-partner{ margin: 0 auto 0 163px; width: 598px; height: 100px; padding-left: 88px; background: url(//game.gtimg.cn/images/lpl/es/act/a20170921brand/page2-partner.png) no-repeat 0 0; position: relative;}
.page2-platform a {}
.plat-link1 { left: 138px; top: 56px; width: 141px; height: 141px;}
.plat-link2 { left: 325px; top: 53px; width: 129px; height: 178px;}
.plat-link3 { left: 453px; top: 0px; width: 146px; height: 146px;}
.plat-link4 { left: 536px; top: 97px; width: 137px; height: 137px;}
.plat-link5 { left: 199px; top: 160px; width: 167px; height: 167px;}
.plat-link6 { left: 412px; top: 158px; width: 168px; height: 168px;}
.plat-link7 { left: 320px; top: 264px; width: 145px; height: 145px;}
.page2-partner a {display: block; height: 44px; margin-bottom: 4px; float: left;}
.part-link1 { width: 94px; margin-right: 15px;}
.part-link2 { width: 156px; margin-right: 14px;}
.part-link3 { width: 97px; margin-right: 17px;}
.part-link4 { width: 200px;}
.part-link5 { width: 110px; margin-right: 8px;}
.part-link6 { width: 110px; margin-right: 8px;}
.part-link7 { width: 134px; margin-right: 11px;}
.part-link8 { width: 110px;}
/*page3*/
.page3 { background: url(//game.gtimg.cn/images/lpl/es/act/a20170921brand/bg3.jpg) 50% 0 no-repeat;}
.page3-box { padding-top: 417px;}
.page3-text { margin-left: 18px; width: 482px; float: left;}
.page3-text h3 { color: #cbad7a; font-size: 30px; font-weight: normal; line-height: 30px;}
.page3-text .page3-line { display: block; width: 52px; height: 2px; background-color: #b99b69; border-bottom: 1px solid #42413d; margin: 12px 0 32px 0;}
.page3-text h4 { color: #ffffff; font-size: 42px; line-height: 48px; font-weight: bold;}
.page3-text h5 { line-height: 30px; margin-bottom: 4px; color: #cbad7a; font-size: 20px;}
.page3-text p { color: #ffffff; font-size: 14px; line-height: 20px;}
.page3-text a { display: block; width: 211px; height: 46px; border: 2px solid #b99b69; position: relative; color: #cbad7a; font-size: 20px; font-weight: bold; line-height: 46px; text-align: center; margin-top: 55px;}
.page3-text a em { position: absolute; background-color: rgba(16,43,76,0.6); width: 100%; height: 100%; left: 8px; top: 8px; z-index: -1; -webkit-transition: all 0.2s linear; transition: all 0.2s linear;}
.page3-text a i { width: 174px; height: 1px; overflow: hidden; background-color: #74664f; position: absolute; left: 170px; top: 24px; z-index: 2; -webkit-transition: all 0.2s linear; transition: all 0.2s linear;}
.page3-text a:hover { color: #ff0;}
.page3-text a:hover em { left: 0; top: 0;}
.page3-text a:hover i { left: 150px;}
.page3-right { background: url(//game.gtimg.cn/images/lpl/es/act/a20170921brand/page3-right.png) no-repeat 0 0; width: 386px; height: 324px; float: right;  margin: 10px 26px 0 auto;}
/*page4*/
.page4 { background: url(//game.gtimg.cn/images/lpl/es/act/a20170921brand/bg4.jpg) 50% 0 no-repeat;}
.page4-slogan { width: 370px; height: 105px; padding-top: 180px; margin: 0 auto 67px auto;}
.page4-box { width: 1000px; height: 434px;}
.page4-box ul { font-size: 0; text-align: center; width: 1000px; height: 434px;}
.page4-box ul li { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; width: 212px; height: 434px; margin: 0 14px; background-image: url(//game.gtimg.cn/images/lpl/es/act/a20170921brand/page4-city.png); background-repeat: no-repeat; position: relative;}
.page4-list1 { background-position: 0 -434px;}
.page4-list2 { background-position: -240px -434px;}
.page4-list3 { background-position: -481px -434px;}
.page4-list4 { background-position: -721px -434px;}
.page4-box ul li.open { cursor: pointer;}
.page4-list1.open { background-position: 0 0;}
.page4-list2.open { background-position: -240px 0;}
.page4-list3.open { background-position: -481px 0;}
.page4-list4.open { background-position: -721px 0;}
.open-box { background-image: url(//game.gtimg.cn/images/lpl/es/act/a20170921brand/city-open.png); background-repeat: no-repeat; display: none; position: absolute; left: -9px; top: -17px; width: 230px; height: 470px;}
.page4-box ul li.open:hover .open-box {display: block;}
.page4-list1 .open-box { background-position: 0 0;}
.page4-list2 .open-box { background-position: -240px 0;}
.page4-list3 .open-box { background-position: -481px 0;}
.page4-list4 .open-box { background-position: -721px 0;}
.open-box a { position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%;}
.open-box a span { background-position: -260px -180px; display: block; width: 96px; height: 96px; position: absolute; left: 50%; top: 246px; margin: 0 0 0 -48px;-webkit-animation: xz 3s linear infinite; animation: xz 3s linear infinite;}
.open-box a i { display: block; position: absolute; left: 50%; top: 246px; margin: 0 0 0 -48px; width: 96px; height: 96px; background-position: -370px -180px;-webkit-animation: fangda 2s linear infinite;animation: fangda 2s linear infinite;}