/* reset */
html,body,div,p,ul,li,dl,dt,dd,em,i,span,a,img,input,h1,h2,h3,h4,h5 {margin:0;padding:0}
a,img,input {border:none;}
body{font: 14px/1.75  -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif;-webkit-tap-highlight-color: rgba(0,0,0,0); background: #000;}
a {text-decoration:none;}
ul,li{list-style: none}
a, img {-webkit-touch-callout: none; /* 禁止长按链接与图片弹出菜单，根据需要选择是否删除 */}
html, body {
    -webkit-user-select: none;   /* 禁止选中文本（如无文本选中需求，此为必选项） */
    user-select: none;
    -webkit-overflow-scrolling: touch;
    -webkit-text-size-adjust: none !important;
    -webkit-text-size-adjust: 100% !important;
}
/* reset end */
html {
  font-size: 50px;/* 兼容不支持vw的系统 */
  font-size: 13.33333333vw;/* 7.5rem === 100vw */
}

@media (max-width: 1024px) {
  html,body {
    max-width: 1024px;
  }
}
@font-face {
    font-family: "fz";
    src: url("//game.gtimg.cn/images/jk/act/a20211027create/fz.eot"); /* IE9 */
    src: url("//game.gtimg.cn/images/jk/act/a20211027create/fz.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    
    url("//game.gtimg.cn/images/jk/act/a20211027create/fz.woff") format("woff"), /* chrome、firefox */
    url("//game.gtimg.cn/images/jk/act/a20211027create/fz.ttf") format("truetype"); /* iOS 4.1- */
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "fzz";
    src: url("//game.gtimg.cn/images/jk/act/a20211027create/fzz.eot"); /* IE9 */
    src: url("//game.gtimg.cn/images/jk/act/a20211027create/fzz.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    
    url("//game.gtimg.cn/images/jk/act/a20211027create/fzz.woff") format("woff"), /* chrome、firefox */
    url("//game.gtimg.cn/images/jk/act/a20211027create/fzz.ttf") format("truetype"); /* iOS 4.1- */
    font-style: normal;
    font-weight: normal;
}
@font-face{
  font-family: 'din';
  src:url(//game.gtimg.cn/images/jk/act/a20211027create/din.ttf);
  font-weight: normal;
  font-style: normal;
}
.clearfix:after{content:"\0020"; height:0; display:block; clear:both;}
#afooter{background-color: #000;text-align: center;font-size:.22rem;padding:.2rem 0;}
#afooter, #afooter a{color: #c0c0c0;text-decoration: none;}
#common-footer{font-family: "\5FAE\8F6F\96C5\9ED1";}
/* 图片分离路径示例 */
/* .bg{background-image: url(//game.gtimg.cn/images/lol/act/a20190510battle/bg.jpg);} */

.wrap *, .wrap ::before, .wrap ::after {outline: none; box-sizing: border-box; }
.wrap{margin: 0 auto;overflow: hidden;}
.content{margin: 0 auto; height:4240px; position: relative; background: url(//game.gtimg.cn/images/jk/act/a20211027create/m/cont-bg.jpg) no-repeat 50% 714px; font-family: 'fz'; }
.cent{width: 100%;margin: 0 auto;position: relative;}
.btn-goTop{width: 94px;height: 110px;background: url(//game.gtimg.cn/images/jk/act/a20211027create/m/goTop.png) no-repeat 0 0/100% 100%;position: fixed;right: 20px;bottom: 20%;z-index: 99; display: none; }
/* head */
.head-logo{ display: none; }
.head{width: 100%;height: 714px;background: url(//game.gtimg.cn/images/jk/act/a20211027create/m/head-bg.jpg) no-repeat center top;position: relative;padding-top:507px;}
.head-btn-show{ width: 100%; text-align: center; margin: 0 auto; font-size: 0; line-height: 0; }
.head-btn-show a{ display: inline-block; vertical-align: top; width: 272px; height:94px; text-indent: -9999px; }
.head-btn-show a.head-btn1{ background: url(//game.gtimg.cn/images/jk/act/a20211027create/m/hd-btn1.png) no-repeat; }
.head-btn-show a.head-btn2{ background: url(//game.gtimg.cn/images/jk/act/a20211027create/m/hd-btn2.png) no-repeat; }
.head-btnjt{ display: inline-block; vertical-align: top; width: 20px; height: 23px; background: url(//game.gtimg.cn/images/jk/act/a20211027create/hd-btnjt.png) no-repeat; margin: 24px 18px 0; }
.head .head-btn{width: 358px;height: 79px;background: url(//game.gtimg.cn/images/jk/act/a20211027create/head-btn.png) no-repeat;margin: 72px auto 0;display: block;}
.head-title-show{position: absolute;width: 100%;height: 70px;left: 0;right: 0;bottom: 0;display: flex;margin: 0 auto;justify-content: center;align-items: center;align-content: center;z-index: 200;}
.head-title-show::before{content: '';position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 1920px;height: 100%;background:url(//game.gtimg.cn/images/jk/act/a20211027create/nv-line.png) no-repeat top center;}
.head-title-show .head-show{width: 25%;position: relative;text-align: center;cursor: pointer;display: block;margin:0 20px;}
.head-title-show .head-show p{font-size: 28px;line-height: 1;position: relative;color: #ffffff;display: inline-block;}
.head-title-show .head-show p::after, .head-title-show .head-show p::before{content: '';width: 9px;height: 8px;position: absolute;top: 50%; background: url(//game.gtimg.cn/images/jk/act/a20211027create/nv-icon.png) no-repeat;margin-top:-4px;}
.head-title-show .head-show p::after{left: -23px;}
.head-title-show .head-show p::before{right: -23px;}
.head-title-show .head-show.on p{ color: #fff1a7; }

/* cent1 */
/* cent1 */
.cent1{width: 100%;height: 1472px; padding-top: 84px; box-sizing: border-box;}
.cent_para{ width:711px;text-align: center; font-size: 20px; color: #010101; margin: 16px auto 0; position: relative; line-height: 32px; }
.cent_para strong{ font-size: 20px;font-weight: 400;  color: #0096ff; }
.cent_para i{ font-weight: bold;font-style: normal; }
.cjw-xx{ display: block; text-indent: -9999px; width: 288px; height: 64px; background: url(//game.gtimg.cn/images/jk/act/a20211027create/m/r_btn.png) no-repeat;animation: scal 1s infinite alternate-reverse ease-in-out;position: absolute;left:50%;margin-left:-144px;top:1050px;}

.cent-list{text-align: center; margin: 22px auto 0;}
.cent-list li{ width: 641px; height: 260px; background: url(//game.gtimg.cn/images/jk/act/a20211027create/m/jw-box.png) no-repeat; margin: 0 auto 20px; overflow: hidden; }

.cent-rmb{ text-align: center; font-size: 32px; color: #0095f7;font-family: '微软雅黑'; font-weight: bold; height: 148px; overflow: hidden; line-height: 160px; }
.cent-rmb strong{ font-family: 'din'; font-size: 80px; }
.cent-rmb span{ display: inline-block; vertical-align: top; font-size: 60px;}
.cent-jw-p1{ text-align: center; font-size: 28px; color: #000000; line-height: 34px; }
.cent-jw-p2{ text-align: center; font-size: 22px; color: #3d3d3d; line-height: 30px; }
.cent-hint{font-size:20px;color:#3d3d3d;text-align: center;line-height:20px;margin-top:33px;}
/* title */
.title{height: 60px; background: url(//game.gtimg.cn/images/jk/act/a20211027create/m/title1.png) no-repeat top center; text-indent: -9999px; position: relative;}
.title2{ background: url(//game.gtimg.cn/images/jk/act/a20211027create/m/title2.png) no-repeat top center;}
.title3{ background: url(//game.gtimg.cn/images/jk/act/a20211027create/m/title3.png) no-repeat top center;}
.title4{ background: url(//game.gtimg.cn/images/jk/act/a20211027create/m/title4.png) no-repeat top center;}
.title5{ background: url(//game.gtimg.cn/images/jk/act/a20211027create/m/title5.png) no-repeat top center;}
.title6{ background: url(//game.gtimg.cn/images/jk/act/a20211027create/m/title6.png) no-repeat top center;}
/* cent2 */
.cent2{width: 100%;height: 754px;}
.img-h, .btn-h5{display: none !important;}
.btn-play{width: 76px;height: 66px;background: url(//game.gtimg.cn/images/jk/act/a20211027create/v-play-btn.png) no-repeat;position: absolute;right: 90px;top: -4px;animation: scal 1s infinite alternate-reverse ease-in-out;}
@keyframes scal {
    100%{transform: scale(1.2);}
  }
.cent2 .swiper-container{ width: 593px; height: 527px; position: relative; margin: 30px auto 0;}
.cent2 .swiper-container .swiper-slide{ width: 593px; height: 527px; position: absolute; opacity: 0!important;filter: brightness(0.3);-webkit-filter: brightness(0.3);}
.cent2 .swiper-container .swiper-slide img{ display: block; width: 100%; height: 100%; }
/*.cent2 .swiper-container .swiper-slide:after{ content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.6); }*/
.cent2 .swiper-container .swiper-slide-active{ transform: translate(0,0)  scale(1)!important; opacity: 1!important;z-index: 80;filter: brightness(1);-webkit-filter: brightness(1); }
/*.cent2 .swiper-container .swiper-slide-active:after{ display: none; }*/
.cent2 .swiper-container .swiper-slide-prev{ transform: translate(-70px,0) scale(0.95)!important; opacity: 1!important; }
.cent2 .swiper-container .swiper-slide-next{ transform: translate(70px,0) scale(0.95)!important; opacity: 1!important; }
.cent2 .swiper-button-prev, .cent2 .swiper-button-next{width: 82px;height: 82px;position: absolute;top: 174px;background: none;background: url(//game.gtimg.cn/images/jk/act/a20211027create/swip-btnbg.png) no-repeat; cursor: pointer; z-index: 100;}
.cent2 .swiper-button-prev i, .cent2 .swiper-button-next i{ display: block; width: 8px; height: 8px; background: url(//game.gtimg.cn/images/jk/act/a20211027create/swip-btnicon1.png) no-repeat; position: absolute; left: 42px; top: 37px; }
.cent2 .swiper-button-prev span, .cent2 .swiper-button-next span{ display: block; width: 20px; height: 24px; background: url(//game.gtimg.cn/images/jk/act/a20211027create/swip-btnicon2.png) no-repeat; position: absolute; left: 29px; top: 28px;transition:all 0.5s; }
.cent2 .swiper-button-prev:hover span, .cent2 .swiper-button-next:hover span{ transform: translate(-8px,0); }
.cent2 .swiper-button-prev:hover, .cent2 .swiper-button-next:hover{filter: brightness(1.4);}
.cent2 .swiper-button-prev{left: -60px;}
.cent2 .swiper-button-next{transform: rotate(180deg);right: -60px;}
.cent2 .swiper-button-prev.swiper-button-disabled,.cent2 .swiper-button-next.swiper-button-disabled{ opacity: 0.35; pointer-events: none; }

.swiper-pagination{ width: 100%; text-align: center; position: absolute; left: 0; top: 562px;}
.swiper-pagination span{ display: inline-block; vertical-align: top; width: 14px; height: 16px; background: url(//game.gtimg.cn/images/jk/act/a20211027create/prg-icon.png) no-repeat; margin: 0 6px; opacity: 0.4; cursor: pointer; }
.cent2 .swiper-pagination-bullet-active{opacity: 1;}
/* .cent2 .swiper-button-prev::after, .cent2 .swiper-button-next::after{content: '';width: 31px;height: 31px;border-left: 3px solid #fccf03;border-top: 3px solid #fccf03;left: 0;top: 5px;transform: rotate(-45deg);position: absolute;} */
/* .cent2 .swiper-button-prev::before, .cent2 .swiper-button-next::before{content: '';width: 40px;height: 3px;background: #fccf03;left: -3px;top: 19px;position: absolute;} */

/* cent3 */
.cent3{width: 100%;height: 420px;}
.title6{width: 535px;height: 178px;background: url(//game.gtimg.cn/images/jk/act/a20211027create/title6.png) no-repeat;padding-top: 150px;font-size: 26px;font-weight: bold;width: 200%;color: #fff;line-height: 1.2;}
.cent3-ul{margin: 0 auto 0;width: 100%; text-align: center;}
.cent3-ul li{width: 337px;height: 312px;background: url(//game.gtimg.cn/images/jk/act/a20211027create/m/cent3-li-bg.png) no-repeat;position: relative; display: inline-block; vertical-align: top;margin:0 10px;}

.ct3-li-p2{width: 100%;line-height: 32px;font-size: 24px;color: #ffffff; position: absolute; left: 0; top: 230px; font-weight: normal; text-align: center; font-family: 'fzz'; }
.ct3-li-p2 span{ font-size: 20px; display: block; }
/*.ct3-li-p3{ top: 260px; }*/

.code-img{ display: block; width: 190px; height: 190px; margin: 20px auto 0; }

.cent-bot{ display: block; width: 100%; height: 60px; background: url(//game.gtimg.cn/images/jk/act/a20211027create/bot.jpg) no-repeat top center; position: absolute; left: 0; bottom: 0; }

/* dia */
.dia1{width:79.69%;height: 99.27%;position: relative;background: url(//game.gtimg.cn/images/jk/act/a20211027create/dia-bg.png) no-repeat center/100% 100%;max-width: 1530px;max-height: 862px;}
.dia1 .dia-cent{width: 92.5%;height: 92.5%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.dia1 .video-box{width: 100%;height: 100%;object-fit: cover;}
/* .dia1 .dia-close{width: 8%;height: 12.86%;background: #fccf03;position: absolute;top: 4.3%;right: 3%;line-height: 100%;font-size: 33px;font-weight: bolder;} */
.dia1 .dia-close{width: 8%;height: 12.86%;background: url(//game.gtimg.cn/images/jk/act/a20211027create/btn-close.jpg) no-repeat 0 0/100% 100%;position: absolute;top: 0;right: 2.06%;font-size: 0;}
.dia1 .dia-close:hover{filter: brightness(1);}

.dav_in { width: 600px; height: 400px; position: relative;}

.dav_close { display: block; width: 50px; height: 50px; position: absolute; right: -60px; top: -10px; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; background: url(//game.gtimg.cn/images/jk/act/a20211027create/close.png) no-repeat; text-indent: -9999px; }

.dav_close:hover { -webkit-animation: ani-close 0.5s linear 1 both; animation: ani-close 0.5s linear 1 both; }
.dia2{ height: 200px;background: url(//game.gtimg.cn/images/jk/act/a20211027create/m/jw-box.png) no-repeat; background-size: 100% 100%; }
.dav_para{ text-align: center; font-size: 28px; line-height: 40px; padding-top: 60px; }

@-webkit-keyframes ani-close { 0% { -webkit-transform: rotate(0); transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@keyframes ani-close { 0% { -webkit-transform: rotate(0); transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }


 #common-footer { position: relative; width: 100%; line-height: 40px; padding: 30px 15px; font-size: 20px; text-align: center; color: #777; background-color: #000; -webkit-box-sizing: border-box; box-sizing: border-box; }
  #common-footer a { color: #777; }
  #common-footer a:hover { text-decoration: underline; }
  #common-footer span { padding: 0 2px; }
  #common-footer .foot { min-width: auto; text-align: center; }
  #common-footer .foot_cpright { padding: 0; }
  #common-footer .foot_lefts { float: none; display: block; }
  #common-footer .foot_left { float: none; width: auto; height: auto; margin: 0; text-indent: 0; overflow: hidden; }
  #common-footer .foot_links { display: block; float: none; width: auto; color: #777; list-style: none; }
  #common-footer .foot_ieg_logo { display: none; }
  #common-footer .logo-area { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 30px; }
  #common-footer .logo { margin: 0 15px; font-size: 0; text-indent: -9999em; background-image: url(//game.gtimg.cn/images/lgamem/v2/common/footer-sprites.png); background-size: 276px 162px; background-repeat: no-repeat; }
  #common-footer .logo.logo-ieg { -webkit-box-flex: 0; -webkit-flex: 0 0 276px; -ms-flex: 0 0 276px; flex: 0 0 276px; height: 100px; background-position: 0 0; }
  #common-footer .logo.logo-riot { -webkit-box-flex: 0; -webkit-flex: 0 0 134px; -ms-flex: 0 0 134px; flex: 0 0 134px; height: 42px; background-position: 0 -120px; }


  .cent4{ height: 1004px; position: relative; }
  .cent4-list{ margin: 34px auto 0; padding-left: 60px; box-sizing: border-box; }
  .cent4-list li{ width: 294px; height: 340px; float: left; position: relative; margin: 0 42px 80px 0; }
  .cent4-list a,.cent4-list span{ display: block; width: 100%; height: 100%; }
  .cent4-list span.cicon1{ background: url(//game.gtimg.cn/images/jk/act/a20211027create/m/icon1.png) no-repeat;}
  .cent4-list span.cicon2{ background: url(//game.gtimg.cn/images/jk/act/a20211027create/m/icon2.png) no-repeat;}
  .cent4-list span.cicon3{ background: url(//game.gtimg.cn/images/jk/act/a20211027create/m/icon3.png) no-repeat;}
  .cent4-list span.cicon4{ background: url(//game.gtimg.cn/images/jk/act/a20211027create/m/icon4.png) no-repeat;}
  .sck-btn{ display: block; width: 274px; height: 74px; background: url(//game.gtimg.cn/images/jk/act/a20211027create/sck-btn.png) no-repeat; position: absolute; left: 50%; top: 480px; margin: 0 0 0 -137px; }
  .cent5{ height: 888px; }
  .cont5-list{ margin: 39px auto 0; padding-left: 32px; }
  .cont5-list li{ width: 338px; height: 338px; background: url(//game.gtimg.cn/images/jk/act/a20211027create/m/v-box.png) no-repeat; float: left; margin: 0 14px 14px 0; position: relative; }

  .v-poster{ width: 100%; height: 194px; position: relative; }
  .v-poster img{ display: block; width: 100%; height: 100%; object-fit: contain; }

  .v-des{ width: 298px; margin: 10px auto 0; text-align: justify; font-size: 22px; color: #3d3d3d; line-height: 32px; font-family: '微软雅黑'; text-decoration: none;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
  .cont5-list a:hover{ text-decoration: none; }
  .v-info{ width: 298px; height: 36px; margin: 14px auto 0; }
  .v-info-hd{ width: 36px; height: 36px; border-radius: 50%; overflow: hidden; float: left; background: #cccccc; }
  .v-info-hd img{ display: block; width: 100%; height: 100%; object-fit: contain; }
  .v-info-name{ width: 224px; height: 36px; line-height: 36px; font-size: 20px; color: #707070; float: left; margin: 0 0 0 8px; font-family: '微软雅黑';}
  .ispc{ display: none; }