@charset "GBK";
/*reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;outline: none;font-family:"Microsoft Yahei";}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
h1{display: none;}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%}
input,a{text-decoration: none; outline: none; color: #FFFFFF;-webkit-appearance: none; -webkit-tap-highlight-color:rgba(255,255,255,0);}
html,body{width: 100%;height: 100%;position: relative;overflow: hidden;}
.clearfix:after,.clearfix:before{content: "";display: table;}
.clearfix:after{clear: both;}
.hid{display: none; font-size: 0; text-indent: -999em;}
@font-face {
    font-family: 'DIN';   /*字体名称*/
    src:url(//game.gtimg.cn/images/lol/m/act/a20181224weekly/DIN.ttf);       /*字体源文件*/
}
.wrap{width: 750px; height: 100%; position: relative; margin: 0 auto; overflow-x: hidden;}
.swiper-container{width: 100%;height: 100%;position: relative;margin: 0 auto;overflow: hidden;}
.swiper-wrapper{width: 100%;height: auto;position: relative;margin: 0 auto;overflow: hidden;}
.cont1,.cont2,.cont3,.cont4,.cont5{position: relative;width: 100%;height: 100%;margin: 0 auto;overflow-x: hidden;overflow-y:auto;}
.cont1{background: url(//game.gtimg.cn/images/lol/m/act/a20181224weekly/bg1.jpg) no-repeat center top;background-size: cover;}
.cont2{background: url(//game.gtimg.cn/images/lol/m/act/a20181224weekly/bg.jpg) no-repeat center top;background-size: cover;}
.cont5{background: url(//game.gtimg.cn/images/lol/m/act/a20181224weekly/cont5-bg.png) no-repeat center top;background-size: cover;}
iframe{border: none;display: block;width: 100%;height: 100%;}
.floaterdialog{transform: scale(2);}
/* spr */
.spr-2{background: url(//game.gtimg.cn/images/lol/m/act/a20181224weekly/spr.png) no-repeat;background-size: 1200px 1200px}
.spr-slogan{background: url(//game.gtimg.cn/images/lol/m/act/a20181224weekly/spr-slogan.png) no-repeat;background-size: 1000px 1000px}
.spr1{background: url(//game.gtimg.cn/images/lol/m/act/a20181224weekly/spr-1.png) no-repeat;background-size: 1500px 1500px}
/* 提示 */
.tips{width: 57px;height: 28px;background-position: -765px 0px;position: fixed;bottom: 52px;left: 46%;display: block;z-index: 99;}

/*cont1*/
/* 顶部栏 */
.top{width: 700px;height: 67px;margin: 30px auto 24px;}
.logo{width: 180px;height: 67px;background-position: -868px 0px;display: block;float: left;}
.season1{width: 117px;height: 48px;background-position: -424px -316px;outline: none;font-size: 26px;color: #30cbcd;margin: 6px 2px 0px 0px;display: inline-block;line-height: 48px;text-align: center;}
.season2{width: 323px;height: 48px;border: 0px;outline: none;font-size: 24px;color: #30cbcd;background-position: -424px -374px;line-height: 48px;}
.top-author{width: 60px;height: 60px;float: right;margin: 0px 0px 0px 10px;border-radius: 50%;overflow: hidden;}
/* 标题 */
.title{width: 693px;height: 186px;background-position: 0px -500px;display: block;margin: 0 auto;opacity: 0;}
/* 人物icon */
.hero-icon{width: 100%;height:100%;background: url(//game.gtimg.cn/images/lol/m/act/a20181224weekly/hero.png) no-repeat;display: block;position: absolute;bottom: 0;left: 0px;pointer-events: none;background-size: cover;opacity: 0;}
/* 英雄名称 */
.hero-name{width: 690px;height: 94px;margin: 25px auto 20px;position: relative;z-index: 9;opacity: 0;}
.hero-author{width: 88px;height: 94px;background-position: -852px -171px;margin-right: 8px;float: left;position: relative;}
.hero-author i{width: 88px;height: 92px;background-position: -424px -430px;display: block;position: absolute;z-index: 9;top: 0px;left: 0px;}
.hero-author img{width: 74px;height: 74px;border-radius: 50%;position: absolute;top: 11px;left: 7px;}
.hero-name p{width: 590px;height: 50px;font-size: 28px;font-weight: bold;color: #54f1f3;line-height: 58px;overflow: hidden;}
.hero-name span{width: auto;height: 44px;font-size: 26px;color: #d0eff3;overflow: hidden;}
/* 英雄等级 */
.hero-class{width: 690px;height: 83px;margin: 0 auto;position: relative;z-index: 9;opacity: 0;}
.hero-class img{float: left;}
.hero-class p{width: 590px;height: 100px;font-size: 28px;font-weight: bold;color: #54f1f3;float: left;margin-left: 7px;line-height: 60px;overflow: hidden;}
/* 称号 */
.hero-title{width: 690px;height: 230px;margin: 48% auto 0px;position: relative;z-index: 9;}
.hero-title p{width: 100%;height: 60px;line-height: 60px;font-size: 52px;color: #54f1f3;font-weight: bold;opacity: 0;}
.hero-title span{width: 100%;height: 40px;line-height: 40px;font-size: 28px;color: #def8fb;display: block;opacity: 0;}
.hero-title b{width: 100%;height: 80px;font-size: 40px;color: #d0eff3;line-height: 80px;font-weight: bold;letter-spacing: 7px;display: block;opacity: 0;}
.hero-sort{width: 130px;height: 50px;background-position: -852px -97px;display: block;float: left;margin-right: 14px;font-size: 28px;color: #54f1f3;font-weight: bold;text-align: center;line-height: 50px;font-style: normal;opacity: 0;}
/* cont1 end */
/* cont2 */
/* 标题 */
.title2{width: 692px;height: 131px;background-position: 0 0;display: block;margin: 30px auto 0px;opacity: 0;}
/* 一,招牌英雄 */
.cont2 .personage{width: 690px;height: 275px;background-position: 0 0;margin: 65px auto 0px;position: relative;padding-top: 10px;opacity: 0;}
/* 头像 */
.cont2 .portrait{width: 142px;height: 148px;background-position: -236px -361px;position: absolute;top: -32px;left: 50%;transform:translateX(-50%);border-radius: 50%;}
.cont2 .portrait img{width: 120px;height: 120px;border-radius: 50%;position: absolute;top: 17px;left: 11px;}
.cont2 .portrait i{width: 142px;height: 148px;background-position: 0px -878px;display: block;position: absolute;top: 0px;left: 0px;z-index: 9;}
/* 英雄称号 */
.personage-name{width: 304px;height: 130px;position: absolute;top: 115px;left: 50%;transform: translateX(-50%);}
.personage-name p{width: 100%;height: 65px;line-height: 80px;font-size: 34px;font-weight: bold;color: #d0eff3;text-align: center;}
.personage-name span{width: 100%;height: 65px;line-height: 55px;font-size: 28px;color: #d0eff3;text-align: center;display: block;}
/* 详情 */
.personage-details{width: 598px;height: 240px;margin: 0px auto 0px;display: flex;justify-content:space-between;flex-wrap:wrap;}
.personage-details li{width: 150px;height: 118px;display: inline-block;}
.personage-details .details-name{width: 100%;height: 65px;font-size: 26px;font-weight: bold;color: #46c4cb;line-height: 80px;letter-spacing: 3px;}
.details-name .bing,.details-name .yan{width: 32px;height: 24px;background: url(//game.gtimg.cn/images/lol/m/act/a20181224weekly/spr.png) no-repeat;background-size: 1200px 1200px;display: inline-block;}
.details-name .bing{background-position: 0px -329px;}
.details-name .yan{background-position: 0px -436px;height: 28px;}
.personage-details .details-num{width: 150px;height: 53px;background-position: 0px -363px;text-align: center;line-height: 53px;}
.personage-details .details-num p{width: 100%;height: 100%;font-size: 20px;color: #d0eff3;display: block;line-height: 61px;}
.personage-details .details-num span{font-size: 38.64px;font-family: 'DIN';display:inline-block;height: 53px;line-height: 61px;vertical-align: top;}
/* 一,招牌英雄 end*/

/* 二,游戏次数 */
.play-num{width: 690px;height: 200px;margin: 0 auto;opacity: 0;}
.play-num li{width: 230px;height: 100%;float: left;position: relative;}
.play-num li span{width: 100%;height: 67px;display: block;font-size: 26px;color: #e0e4f0;font-weight: bold;text-align: center;line-height: 100px;}
.play-num li p{width: 100%;height: 143px;font-size: 56px;color: #d0eff3;text-align: center;line-height: 100px;}
.play-num p b{font-size: 66px;color: #30cbcd;font-family: 'DIN'; }
.play-num li i{width: 2px;height: 112px;display: block;background: url(//game.gtimg.cn/images/lol/m/act/a20181224weekly/spr.png) no-repeat;background-size: 1200px 1200px;background-position: -730px 0px;position: absolute;top: 40px;right: 0px;}
/* 二,游戏次数end */

/* 三,游戏数据 */
.game-data{width: 604px;height: 480px;margin: 0 auto;position: relative;opacity: 0;}
.game-data h5{font-size: 62.24px;font-weight: bold;color: #d0eff3;height: 87px;}
/* 助力队友 */
.data-teammate{width: 100%;height: 92px;}
.data-teammate span{width: 105px;height: 100%;font-size: 34px;color: #d0eff3;display:inline-block;vertical-align: top;}
.data-teammate p{font-size: 100.72px;color: #30cbcd;font-family: 'DIN';display: inline-block;height: 92px;line-height: 110px;}
/* 一血 */
.first-blood{width: 100%;height: 112px;}
.first-blood em{width: 70px;height: 100%;font-size: 34px;color: #d0eff3;display: inline-block;}
.first-blood span{width: 105px;height: 100%;font-size: 34px;color: #d0eff3;display: inline-block;}
.first-blood p{font-size: 100.72px;color: #30cbcd;font-family: 'DIN';display: inline-block;}
/* 英雄牌子 */
.flop{width: 100%;height: 191px;}
.flop em{width: 50px;height: 100%;font-size: 46.14px;font-weight: bold;color: #d0eff3;display: inline-block;line-height: 46px;}
.flop-data{width: 545px;display:inline-block;height: 100%;vertical-align: top;}
.flop-data span{width: 100%;height: 40px;font-size: 29.32px;color: #d0eff3;display: block;line-height: 40px;}
.flop-data i{width: 100%;height: 30px;font-size: 20px;color: #d0eff3;display: block;font-style: normal;line-height: 30px}
.flop-data p{font-size: 158px;color: #30cbcd;font-family: 'DIN';height: 120px;line-height: 158px;}
/* 使用皮肤 */
.skin{width: auto;height: 255px;position: absolute;right: 0px;bottom: 0px;}
.skin span{width: 100%;height: 30px;text-align: right;font-size: 24px;color: #d0eff3;display: block;line-height: 25px;}
.skin .skin-num{width: auto;height: 135px;background: #d0eff3;margin-left: 29px;}
.skin-num p{width: auto;height: auto;text-align: center;font-size: 153.33px;color: #0a2934;font-family: 'DIN';}
.skin>p{width: 100%;height: 50px;font-size: 39.64px;color: #d0eff3;text-align: right;line-height: 50px}
.skin>b{width: 100%;height: 38px;line-height: 38px;font-size: 37.25px;color: #d0eff3;font-weight: bold;text-align: right;display: block;}
/* 三,游戏数据end */
/* cont2 end */

/* 四、没有数据-默认页 */
.cont5{transform: translateY(-50px);position: relative;}
.cont5-content{width: 100%;height: auto;position: absolute;left:0;top: 50%;transform: translateY(-47%);}
.cont5-logo{width: 280px;height: 136px;display: block;background-position: 0 -1288px;margin: 0px auto 0;}
.cont5-title{width: 670px;height: 123px;display: block;background-position: -293px -1272px;margin: 0 auto;}
.cont5-date{width: 100%;height: 100px;text-align: center;line-height: 130px;font-size: 25px;color: #ffffff;overflow: hidden;}
.cont5-author{width: 100%;height: 215px;}
.cont5-author-img{width: 139px;height: 139px;border: 3px solid #fff;border-radius: 50%;margin: 0 auto;overflow: hidden;}
.cont5-author-img img{width: 139px;height: 139px;}
.cont5-author-name{width: 100%;height: auto;font-size: 24px;color: #ffffff;text-align: center;line-height: 60px;}
.cont5-box{width: 590px;height: 317px;background: url(//game.gtimg.cn/images/lol/m/act/a20181224weekly/tc-box.png) no-repeat center center;background-size: 100% 287px;margin: 0px auto 45px;position: relative;overflow: hidden;}
.cont5-box::after{content: '';width: 100%;height: 15px;background: url(//game.gtimg.cn/images/lol/m/act/a20181224weekly/tc-box-top.png) no-repeat;position: absolute;top: 0px;left: 0;}
.cont5-box::before{content: '';width: 100%;height: 15px;background: url(//game.gtimg.cn/images/lol/m/act/a20181224weekly/tc-box-bottom.png) no-repeat;position: absolute;bottom: 0px;left: 0;}
.cont5-box i{width: 107px;height: 98px;display: block;background-position: -496px -879px;margin: 30px auto 25px;}
.cont5-box p{width: 420px;height: auto;padding-top: 25px;border-top: 2px dashed #d0eff3;margin: 0 auto;text-align: center;font-size: 24px;color: #d0eff3;}
.cont5-box-district{width: 100%;height: 50px;display: block;text-align: center;font-size: 24px;color:#d0eff3;font-weight: bold;text-shadow: 0px 0px 5px #42969c;}
.btn-change-district{width: 596px;height: 96px;display: block;background-position: -5px -500px;margin: 0 auto;text-align: center;line-height: 96px;font-size: 34px;color: #1c2a33;font-weight: bold;}


/* 动画 */
.rotate1{animation: rotate1 14s linear infinite;}
.rotate2{animation: rotate2 8s linear infinite;}

/* 弹窗 */
/* 发送成功 */
.tc{width: 300px;height: 300px;background: rgba(0, 0, 0, 0.8);font-size: 24px;text-align: center;line-height: 300px;color: #54f1f3;display: none;position: fixed;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);z-index: 99}
/* 发送失败 */
.tc2{width: 300px;height: 300px;background: rgba(0, 0, 0, 0.8);font-size: 24px;text-align: center;line-height: 300px;color: #54f1f3;display: none;position: fixed;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);z-index: 99}
/* 弹窗end */

/* 弹窗三 请先绑定 */
.tc3{width: 590px;height: 647px;background: url(//game.gtimg.cn/images/lol/m/act/a20181224weekly/tc3-bg.png) no-repeat;}
.tc3 p{width: 100%;height: 123px;padding-top: 60px;font-size: 34px;text-align:center;color: #d0eff3;font-weight: bold;letter-spacing: 5px;}
.tc3 p span{color: #30cbcd;}
.tc3 img{width: 224px;height: 224px;display: block;margin: 0 auto;}
.tc3>span{width: 100%;height: 105px;text-align: center;font-size: 20px;color: #30cbcd;line-height: 105px;display: block;}
.btn-got-tc3{width: 435px;height: 69px;display: block;background-position: 0 -895px;margin: 0 auto;text-align: center;line-height: 69px;font-size: 30px;color: #1c2a33;font-weight: bold;}

/* 弹窗4 loading */
.tc4{width: 100%;height: 220px;text-align: center;}
.loading-icon{width: 112px;height: 106px;display: block;margin: 0 auto;background: url(//game.gtimg.cn/images/lol/m/act/a20181224weekly/loading-icon.png) no-repeat;background-position: 0 0;background-size: 5600px 106px;}
.tc4-text{width: 100%;height: auto;text-align: center;font-size: 34px;color: #5ecedd;}

/* 弹窗透明度 */
#_overlay_{opacity:0.85!important;}

/* 动画执行 */
.swiper-slide-active .title{animation:rightIn 1s ease; opacity: 1;}
.swiper-slide-active .hero-icon{animation: leftIn 1s 0.1s ease both;opacity: 1;}
.swiper-slide-active .hero-name{animation: fadeDown 1s 0.4s ease both}
.swiper-slide-active .hero-class{animation:fadeDown 0.8s 0.7s ease both }
.swiper-slide-active .hero-title p{animation:fadeDown 0.8s 0.5s ease both }
.swiper-slide-active .hero-title span{animation:fadeDown 0.8s 0.6s ease both }
.swiper-slide-active .hero-title b{animation:fadeDown 0.8s 0.7s ease both }
.swiper-slide-active .hero-sort{animation: fadeIn1 0.8s 0.55s ease-in both}
.swiper-slide-active .title2{animation: fadeDown 1s 0.3s ease both;}
.swiper-slide-active .personage{animation: fadeIn1 1s 0.1s ease both}
.swiper-slide-active .play-num{animation: fadeDown 1s 0.5s ease both}
.swiper-slide-active .game-data{animation: fadeDown 1s 0.7s ease both}
.tips{animation: xiahua 1.8s ease-in-out infinite;}
.loading-icon{animation: loading steps(50) 3s infinite;}
/* 动画执行 end */
/* 动画 S ------------------------------------------ */
/* 旋转 */
@keyframes rotate1{
    0%{ transform: rotate(0deg); }
    100%{ transform: rotate(360deg); }
}
@keyframes rotate2{
    0%{ transform: rotate(0deg); }
    100%{ transform: rotate(-360deg); }
}
/* 由大变小淡入 */
@keyframes fadeIn1{
    0%{opacity:0;transform:scale(.3)}
    100%{opacity:1;}
}
/* 向下淡入 */
@keyframes fadeDown {
    0%{opacity:0; transform:translateY(-30px)}
    100%{opacity:1; transform:translateY(0)}
}

/* 向左移动进入 */
@keyframes leftIn{
    0%{transform:translateX(1000px);}
    100%{transform:translateX(0);opacity: 1;}
}

/* 向右移动进入 */
@keyframes rightIn{
    0%{transform:translateX(-1000px);}
    100%{transform:translateX(0);opacity: 1;}
}

/* 下滑提示 */
@keyframes xiahua {
    0%{}
    100%{}
    50%{transform:translateY(10px);}
}

/* loading */
@keyframes loading{
    0%{background-position: 0 0;}
    100%{background-position: -5600px 0;}
}
/* 动画 E ------------------------------------------ */


/* 适配微信白条 */
.wx .hero-title{margin-top: 35%;}
.wx .title2{margin-top: 10px;}
.wx .cont2 .personage{margin-top: 30px;}
.wx .play-num{height: 170px;}
/* 适配微信白条 end */

/* iphoneX尺寸适配 */
.ipx .hero-title{margin-top: 60%;}
/* iphoneX尺寸适配 */



/* 横屏提示 */
.mask{width:100%; height:100%; background:#32373b;position: fixed;left:0;top: 0;z-index:9999;display:none;}
.mask-box{width: 100%;height: 252px;position: absolute;top: 50%;left:0;margin-top: -100px;}
.mask-pic{width: 194px;height: 194px;margin: 0 auto;text-align: center;}
.mask span{font-size:30px;display:block;color:#ffd40a; text-align:center;width: 100%;height: 25px;padding-top: 10px;}
.mask i{width: 128px;height: 194px;background: url(//game.gtimg.cn/images/lol/m/act/a20181224weekly/screen-tips.png) 0 0 no-repeat;background-size: 128px 194px;display: block;margin: 0 auto;-webkit-animation: maskAni 1.5s ease infinite alternate;animation: maskAni 1.5s ease infinite alternate;}
@-webkit-keyframes maskAni{
    0% {-webkit-transform:rotate(-90deg);}
    30% {-webkit-transform:rotate(-90deg);}
    70%{-webkit-transform:rotate(0deg);}
    100% {-webkit-transform:rotate(0deg);}
}
@media screen and (min-aspect-ratio: 13/9) {
    #mask{display: block;}

}
/* 横屏提示end */