body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,p,form,header,section,article,footer{margin:0;}
body,button,input,select,textarea{font:12px/1.5 tahoma,'\5FAE\8F6F\96C5\9ED1',sans-serif}
h1,h2,h3,h4,h5,h6{font-size:100%}
em,b{font-style:normal}
a{text-decoration:none}
a:hover{text-decoration:none;}
img{border:0}
body{padding-top:42px;background: #196dd2;}
button,input,select,textarea{font-size:100%;outline:none}
table{border-collapse:collapse;border-spacing:0}
td,th,ul,ol{padding:0}
ol,ul{  list-style: none }
.clearfix:after{content:"\0020"; height:0; display:block; clear:both;}
.hidden{display:block;width:0;height:0;overflow:hidden;}
.wrap{max-width: 1920px;min-width: 1200px;position:relative;margin:0 auto;}
.sp{display: block;text-indent: -99999px;}
.inner{width:1200px;margin:0 auto;position: relative;}
.login div.login__m{display: none;}
.login div{
  display: inline-block;
  vertical-align: top;
}
@font-face {
  font-family: 'Impact';
  src: url(//game.gtimg.cn/images/lpl/act/a20220322city/Impact.ttf);
}
@font-face {
  font-family: 'din';
  src: url(//game.gtimg.cn/images/lpl/act/a20220322city/din.ttf);
}

/* reset end */
/* afooter */
#afooter { position: relative; padding: 30px 0; text-align: center; font: normal 12px/19px Tahoma; z-index: 10; background-color: #000; }
#afooter, #afooter a { color: #ccc; text-decoration: none; }

.head{height:1020px;background: url(//game.gtimg.cn/images/lpl/act/a20220322city/head.jpg) no-repeat center top;position:relative;overflow: hidden;}
.hvideo{position: absolute;left: 50%;margin-left: -920px;width: 1920px;height: 1020px;pointer-events: none;}
/* .hvideo-cover{width: 1920px;height: 1920px;height: 332px;background: url(//game.gtimg.cn/images/lpl/act/a20220322city/hvideo-cover.png) no-repeat center top / 100% 100%;position: absolute;left: 0;bottom: 0;z-index: 2;} */
.hvideo video{width: 100%;height: 100%;}
.logos{width: 527px;height: 78px;background: url(//game.gtimg.cn/images/lpl/act/a20220322city/logos.png) no-repeat;position: absolute;top: 20px;left: 20px;z-index: 10;padding: 12px 0 0 0;box-sizing: border-box;font-size: 0;white-space: nowrap;}
.logos a{display: inline-block;vertical-align: top;margin-right: 20px;}
.logos a:last-child{margin-right: 0;}
.logos .logo-lol{width: 180px;height: 60px;}
.logos .logo-city{width: 110px;height: 60px;}
.logos .logo-xg{width: 190px;height: 60px;}
.head-inner{width: 1200px;height: 1080px;margin: 0 auto;background: url(//game.gtimg.cn/images/lpl/act/a20220322city/head-inner.jpg) no-repeat center top;padding-top: 788px;box-sizing: border-box;}
.head-partners{background: url(//game.gtimg.cn/images/lpl/act/a20220322city/head-partners.png) no-repeat center top;width: 1078px;height: 130px;margin: 0 auto;text-indent: -9999px;}
.head-subtitle{background: url(//game.gtimg.cn/images/lpl/act/a20220810city/subtitle2.png) no-repeat center top;width: 876px;height: 47px;margin: 20px auto 0;text-indent: -9999px;}
.btn-join{display: none;}

.topnav{width: 1200px;height: 112px;background: url(//game.gtimg.cn/images/lpl/act/a20220810city/nav.png) no-repeat;font-size: 0;margin-top: 30px;padding: 10px 0;box-sizing: border-box;position: relative;z-index: 5;}
.topnav a{display: inline-block;vertical-align: top;width: 262px;height: 90px;position: relative;text-align: center;line-height: 66px;}
.topnav a i{display: block;background: url(//game.gtimg.cn/images/lpl/act/a20220810city/nav-texts.png) no-repeat;height: 52px;margin: 22px auto 0;}
.topnav a:nth-child(1){width: 200px;}
.topnav a:nth-child(1) i{width: 48px;background-position: 0 0;margin-left: 120px;}
.topnav a.on:nth-child(1) i{background-position: 0 -60px;}
.topnav a:nth-child(2){width: 170px;}
.topnav a:nth-child(2) i{width: 92px;background-position: -114px 0;}
.topnav a.on:nth-child(2) i{background-position: -114px -60px;}
.topnav a:nth-child(3){width: 170px;}
.topnav a:nth-child(3) i{width: 92px;background-position: -274px 0;}
.topnav a.on:nth-child(3) i{background-position: -274px -60px;}
.topnav a:nth-child(4){width: 180px;}
.topnav a:nth-child(4) i{width: 120px;background-position: -430px 0;}
.topnav a.on:nth-child(4) i{background-position: -430px -60px;}
.topnav a:nth-child(5){width: 240px;}
.topnav a:nth-child(5) i{width: 160px;background-position: -602px 0;}
.topnav a.on:nth-child(5) i{background-position: -602px -60px;}
.topnav a:nth-child(6){width: 220px;margin-left: 20px;}
.topnav-m{display: none;}
/* content */
.content{position: relative;overflow: hidden;background: #196DCC url(//game.gtimg.cn/images/lpl/act/a20220322city/cbg.jpg) no-repeat center top;}
.content .inner{width: 1200px;position: relative;z-index: 2;margin: 0 auto;padding-top: 20px;box-sizing: border-box;}
.ctit{background: url(//game.gtimg.cn/images/lpl/act/a20220322city/tit.png) no-repeat;width: 1000px;height: 100px;margin: 0 auto 0;text-indent: -9999px;}
.ctit em{font-family: 'din';font-size: 18px;text-indent: 0;color: #fff;display: block;width: 100px;text-align: center;position: absolute;left: 50%;margin-left: -50px;top: 28px;}


/* right nav */
.right-nav{background: url(//game.gtimg.cn/images/lpl/act/a20220322city/rightnav.png) no-repeat;width: 268px;height: 713px;position: fixed;right: 0;top: 50%;margin-top: -355px;z-index:999;padding: 194px 0 0 42px;box-sizing: border-box;display: none;}
.right-nav__full{background-image: url(//game.gtimg.cn/images/lpl/act/a20220322city/rightnav-full.png);height: 850px;margin-top: -425px;}
.right-nav a{display: block;color: #2e5ed6;font-size: 20px;text-align: center;line-height: 34px;height: 34px;width: 180px;margin: 8px 0 0 0;position: relative;}
.right-nav a:hover,.right-nav a.curr{color: #fff;background: url(//game.gtimg.cn/images/lpl/act/a20220322city/rightnav-btn.png) no-repeat center;background-size: 111px 33px;}
.right-nav-code{width: 118px;height: 118px;box-sizing: border-box;margin: 8px 0 0 32px;}
.right-nav-code img{display: block;width: 118px;height: 118px;}
.right-nav-codetxt{font-size: 14px;width: 120px;margin: 2px 0 0 32px;text-align:center;}
.right-nav a.right-nav-top{display: block;width: 180px;height: 50px;margin-top: 10px;background: none !important;text-align: center;color: #2e5ed6;font-weight: bold;letter-spacing: 10px;}
.right-nav a.right-nav-top:hover{color: #2e5ed6;}
@media only screen and (max-width: 1440px) {
  .right-nav{transform: scale(0.7);}
}

/* pop */
.pop{outline: none;display: none;}
.pop-code{background: url(//game.gtimg.cn/images/lpl/act/a20220322city/pop-bg.png) no-repeat center top;width: 273px;height: 273px;padding-top: 66px;box-sizing: border-box;}
.pop-code .pop-close{display: block;width: 36px;height: 36px;background: #f4cc5f;position: absolute;left: 50%;top: 285px;margin-left: -18px;}
.pop-code .pop-close:before, .pop-code .pop-close:after{position: absolute;left: 18px;top: 3px;content: ' ';height: 30px;width: 3px;background-color: #fff;}
.pop-code .pop-close:before{transform: rotate(45deg);}
.pop-code .pop-close:after{transform: rotate(-45deg);}
.pop-code-inner{width: 200px;margin: 0 auto;}
.pop-code-inner img{display: block;width: 122px;height: 122px;margin: 0 auto;}
.pop-code-inner p{color: #fff;font-size: 18px;text-align: center;margin-top: 20px;}
/*video pop*/
.pop-video{ width:1000px; height:560px; position:relative; border:#10226b solid 4px;}
.pop-video .pop-close{display: block;width: 50px;height: 50px;position: absolute;top: 0;right: -60px;text-indent: -9999px;}
.pop-video .pop-close:before, .pop-video .pop-close:after{position: absolute;left: 26px;top: 0;content: ' ';height: 56px;width: 4px;border-radius: 2px;background-color: #fff;}
.pop-video .pop-close:before{transform: rotate(45deg);}
.pop-video .pop-close:after{transform: rotate(-45deg);}
.video-play{width:1000px; height:560px;position: relative;}
/* comm pop */
.pop-inner{position: relative;width: 854px;height: 883px;padding: 30px 33px 0 0;box-sizing: border-box;}
.pop-inner::before,.pop-inner::after{display: block;content: '';background: url(//game.gtimg.cn/images/lpl/act/a20220322city/pop-bg-deco.png) no-repeat;position: absolute;pointer-events: none;}
.pop-inner::before{width: 830px;height: 120px;top: 0;right: 0;}
.pop-inner::after{width: 830px;height: 20px;background-position: 0 -920px;bottom: 0;right: 0;z-index: -1;}
.pop-bd{width: 818px;border: #6ae7fd solid 1px;background: #10226b;margin-left: 2px;}