/* 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);}
a {text-decoration:none;}
ul,li{list-style: none}
a, img {-webkit-touch-callout: none; }
html, body {
    -webkit-user-select: none;
    user-select: none;
}
/* reset end */
@media (max-width: 1024px) {
  html,body {
    max-width: 1024px;
  }
}

#afooter{background-color: #191219;text-align: center;font-size:22px;padding:20px 0;}
#afooter, #afooter a{color: #c0c0c0;text-decoration: none;}
em,b{font-style:normal}
a{text-decoration:none}
img{border:0}
table{border-collapse:collapse;border-spacing:0}
td,th,ul,ol{padding:0}
.clearfix:after{content:"\0020"; height:0; display:block; clear:both;}
.hidden{display:block;width:0;height:0;overflow:hidden;}
.wrap{width:100%;position:relative;margin:0 auto;background:#211e31;}
.inner{width:100%;margin:0 auto;position: relative;}
.sp{display: block;text-indent: -99999px;}
.login div.login__pc{display: none;}
.login div{
  display: inline-block;
  vertical-align: top;
}
/*//game.gtimg.cn/images/lol/act/a20220120tftlunar*/
@font-face {
  font-family: "zz";
    src: url("//game.gtimg.cn/images/lol/act/a20220120tftlunar/zz.eot"); /* IE9 */
    src: url("//game.gtimg.cn/images/lol/act/a20220120tftlunar/zz.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    
    url("//game.gtimg.cn/images/lol/act/a20220120tftlunar/zz.woff") format("woff"), /* chrome、firefox */
    url("//game.gtimg.cn/images/lol/act/a20220120tftlunar/zz.ttf") format("truetype"); /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
    font-style: normal;
    font-weight: normal;
}
/* reset end */
.header{height:888px;background:#211e31 url(//game.gtimg.cn/images/lol/act/a20220120tftlunar/m/bg1.jpg) no-repeat center top;position:relative;overflow: hidden;background-size: 750px auto;
box-sizing: border-box;padding-top:720px;}
.logo{width:190px;height:60px;background: url(//game.gtimg.cn/images/lol/act/a20220120tftlunar/logo.png) no-repeat 100%/100%;position: absolute;left:30px;top:26px;z-index:20;}
.login{margin:10px auto 0;font-size:18px;color:#fae6e7;text-align: center;line-height:22px;}
.login a{color:#c91d24;}
/*.login span{color:#efaa55;}*/

.time{width:600px;font-size:0;text-align: center;margin:0 auto 0;}
.time span{display: inline-block;vertical-align: top;line-height:30px;font-size: 20px;color:#fff1c8;margin:0 10px;transform: skew(-10deg);}
.time span em{color:#ffd47e;}

.content{width:100%;height:1880px;background:#822035 url(//game.gtimg.cn/images/lol/act/a20220120tftlunar/m/bg2.jpg) no-repeat center top;position:relative;background-size: 750px auto;}
.inner-desc{position: relative;margin:0 auto;}
.tit1-h5{width:750px;height:40px;background: url(//game.gtimg.cn/images/lol/act/a20220120tftlunar/m/tit1.png) no-repeat 100%/100%;margin:0 auto;}
.tit2-h5{width:750px;height:50px;background: url(//game.gtimg.cn/images/lol/act/a20220120tftlunar/m/tit2.png) no-repeat 100%/100%;margin:72px auto 0;}
.rec-desc{width: 656px;height:56px;background:#05031b;border:2px solid #2f2a5a;margin:40px auto 0;position: relative;text-align: left;font-size:0;}
.rec-desc i{display: inline-block;vertical-align: top;width:20px;height:20px;background: url(//game.gtimg.cn/images/lol/act/a20220120tftlunar/icon.png) no-repeat 100%/100%;margin:18px 15px 0 32px;}
.rec-desc .rec-txt{display: inline-block;vertical-align: top;height:56px;font-size:22px;color:#fff1c8;text-align: left;line-height:56px;}
.rec-desc .rec-txt span{color:#f6444f;}
.rec-desc .rec-txt em{color:#ffd47e;}
.rec-btn{width:177px;height:59px;background: url(//game.gtimg.cn/images/lol/act/a20220120tftlunar/m/btn1.png) no-repeat 100%/100%;position: absolute;right:0;top:-2px;z-index: 3;}


.fh-box{width:750px;height:570px;background: url(//game.gtimg.cn/images/lol/act/a20220120tftlunar/m/box-bg1.png) no-repeat 100%/100%;position: relative;margin:54px auto 0;}
.fh-num{width:89px;height:77px;background: url(//game.gtimg.cn/images/lol/act/a20220120tftlunar/m/num-bg1.png) no-repeat 100%/100%;position: absolute;top:-25px;left:123px;z-index: 4;}
.fh-num p{font-family: "zz";position: absolute;font-size:18px;width:40px;line-height:20px;}
.fh-num p.num1{top:18px;color:#ffffff;text-align: right;left:0px;}
.fh-num p.num2{top:46px;color:#f0b978;text-align:left;left:42px;}
.fh-desc{width:238px;height:42px;background: url(//game.gtimg.cn/images/lol/act/a20220120tftlunar/m/t-bg.png) no-repeat 100%/100%;position: absolute;left:137px;top:281px;z-index:3;text-align: center;font-size:0;}
.fh-desc p{font-size:20px;color:#ffedcf;display: inline-block;vertical-align: top;line-height:42px;text-align: justify;}
.video-btn{display: inline-block;vertical-align: top;width:42px;height:36px;background: url(//game.gtimg.cn/images/lol/act/a20220120tftlunar/m/btn2.png) no-repeat 100%/100%;margin:3px 5px 0;text-indent: -999999px;
-webkit-animation:1.0s ease infinite breath;animation:1.0s ease infinite breath;}
.fh-num1{top:-25px;left:531px;}
.fh-desc1{left:387px;}
.jc-yl{width:100px;height:29px;background: url(//game.gtimg.cn/images/lol/act/a20220120tftlunar/m/btn3.png) no-repeat 100%/100%;position: absolute;left:50%;margin-left:-50px;top:342px;z-index:3;}
.fh-count{display: block;font-size: 16px;color: #ffedcf;text-align: center;margin-top: -20px;}
.open-desc{margin:10px auto 0;position: relative;z-index: 3;text-align: center;font-size:0;}
.open-item{display: inline-block;vertical-align: top;position: relative;margin:0 40px;}
/*.open-item a:hover{filter:brightness(1.2);transition:all 0.3s;}*/
.open-btn1{width:223px;height:65px;background: url(//game.gtimg.cn/images/lol/act/a20220120tftlunar/btn4.png) no-repeat 100%/100%;transform: scale(1.3);}
.open-btn2{width:223px;height:65px;background: url(//game.gtimg.cn/images/lol/act/a20220120tftlunar/btn5.png) no-repeat 100%/100%;transform: scale(1.3);}
.open-hint{width:147px;height:41px;background: url(//game.gtimg.cn/images/lol/act/a20220120tftlunar/m/t-bg1.png) no-repeat 100%/100%;font-size:20px;color:#8c1c17;text-align: center;line-height:35px;position: absolute;right:-54px;top:-30px;z-index: 2;}
.left-tit{display:none;width:397px;height:35px;background: url(//game.gtimg.cn/images/lol/act/a20220120tftlunar/tit1.png) no-repeat;margin:56px auto 0;}
.c-t{display:none;font-size:14px;color:#f3c893;text-align: center;line-height:16px;margin-top:10px;}
.jl-con{display:none;width:500px;height:560px;background: url(//game.gtimg.cn/images/lol/act/a20220120tftlunar/jl-bg.png) no-repeat;position: relative;overflow: hidden;margin:18px auto 0;}
.jl-list{margin:455px;margin:22px auto 0;text-align: center;font-size:0;}
.jl-list li{display: inline-block;vertical-align: top;width:94px;margin:0 10px 20px;position: relative;}
.jl-list li div {width:90px;height:90px;border:2px solid #ffce6d;padding:0;margin:0 auto;box-sizing: border-box;background:#ffce6d;}
.jl-list li div img{width:100%;height:100%;display: block;}
.jl-list li p{font-size:14px;color:#c69e6c;text-align: center;line-height:16px;margin-top:10px;}

.rec-desc1 i{display: inline-block;vertical-align: top;width:16px;height:20px;background: url(//game.gtimg.cn/images/lol/act/a20220120tftlunar/icon3.png) no-repeat 100%/100%;margin:18px 10px 0 20px;}
.fh-box1{width:750px;height:580px;background: url(//game.gtimg.cn/images/lol/act/a20220120tftlunar/m/box-bg2.png) no-repeat 100%/100%;position: relative;margin:30px auto 0;}
.open-desc1 .open-btn1{background: url(//game.gtimg.cn/images/lol/act/a20220120tftlunar/btn8.png) no-repeat 100%/100%;transform: scale(1.3);}
.open-desc1 .open-btn2{background: url(//game.gtimg.cn/images/lol/act/a20220120tftlunar/btn9.png) no-repeat 100%/100%;transform: scale(1.3);}

.fh-box1 .jc-yl{top:368px;}
.fh-num2{top:0;left:538px;background: url(//game.gtimg.cn/images/lol/act/a20220120tftlunar/m/num-bg2.png) no-repeat 100%/100%;}
.fh-desc2{width:350px;height:42px;background: url(//game.gtimg.cn/images/lol/act/a20220120tftlunar/m/t-bg2.png) no-repeat 100%/100%;top:305px;left:209px;}
.hint-t{max-width:700px;line-height:30px;font-size:20px;color:#f6bd76;text-align: center;padding:0 10px;border-radius: 5px;background: rgba(0,0,0,0.4);position: relative;margin:20px auto 0;}
.right-tit{display:none;width:397px;height:35px;background: url(//game.gtimg.cn/images/lol/act/a20220120tftlunar/tit2.png) no-repeat;margin:30px auto 0;}
.rule-btn{width:168px;height:60px;background: url(//game.gtimg.cn/images/lol/act/a20220120tftlunar/m/btn6.png) no-repeat 100%/100%;margin:30px auto 0;}


/*pop*/
.pop{width:550px;height:520px;background:url(//game.gtimg.cn/images/lol/act/a20220120tftlunar/m/pop-bg1.png) no-repeat 100%/100%;position: relative;outline: none;
box-sizing: border-box;padding-top:38px;}
.gb-btn{width:45px;height:45px;background: url(//game.gtimg.cn/images/lol/act/a20220120tftlunar/close.png) no-repeat;position: absolute;top:0;right:-52px;z-index: 3;}
.pop-tit{height:40px;margin:0 auto;text-align: center;font-size:0;}
.pop-tit i{display: inline-block;vertical-align: top;width:31px;height:16px;margin:16px 10px 0;}
.pop-tit i.i1{background: url(//game.gtimg.cn/images/lol/act/a20220120tftlunar/icon1.png) no-repeat;}
.pop-tit i.i2{background: url(//game.gtimg.cn/images/lol/act/a20220120tftlunar/icon2.png) no-repeat;}
.pop-tit span{background: linear-gradient(to bottom, #ffcb64, #ffdd98);-webkit-background-clip: text;color: #ffd47d;-webkit-text-fill-color: transparent;text-fill-color: transparent;
font-size:36px;line-height:40px;}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .pop-tit span{background: transparent;color: #ffd47d;}
}
.jc-pt{width:512px;margin:20px 0 0 10px;height:400px;position: relative;padding-right:10px;overflow:auto;-webkit-overflow-scrolling: touch;}
.jc-pt::-webkit-scrollbar-track{background-color: #590c0a;border-radius: 5px;}
.jc-pt::-webkit-scrollbar{width:4px;background-color: #590c0a;border-radius: 5px;}
.jc-pt::-webkit-scrollbar-thumb{background-color: #ffcd86;border-radius: 5px;}

.jc-list{text-align: left;font-size:0;}
.jc-list li{display: inline-block;vertical-align: top;width:118px;margin:0 4px 20px;position: relative;}
.jc-list li div {width:90px;height:90px;border:2px solid #ffce6d;padding:0;margin:0 auto;box-sizing: border-box;background:#ffce6d;}
.jc-list li div img{width:100%;height:100%;display: block;}
.jc-list li p{font-size:18px;color:#c69e6c;text-align: center;line-height:20px;margin-top:10px;}
.pop1{height:440px;background: url(//game.gtimg.cn/images/lol/act/a20220120tftlunar/m/pop-bg2.png) no-repeat 100%/100%;}
.rec-list{margin:28px auto 0;text-align: center;font-size:0;}
.rec-list li{width:110px;display: inline-block;vertical-align: top;margin:0 10px;position: relative;cursor: pointer;
  user-select: none; -webkit-user-select: none; }
.rec-list li .po-rec{width:108px;height:168px;background:#2b080b;border:1px solid #9e7648;position: relative;}
.rec-list li .po-rec p{width:108px;font-size:18px;color:#c69e6c;text-align: center;line-height:22px;position: absolute;left:0;bottom:8px;}
.rec-list li .po-txt{font-size:14px;color:#ffcd86;text-align: center;line-height:16px;margin-top:10px;}
.rec-yes{width:223px;height:65px;background: url(//game.gtimg.cn/images/lol/act/a20220120tftlunar/btn11.png) no-repeat 100%/100%;margin:30px auto 0;}
.rec-yes.gray{-webkit-filter: grayscale(100%); filter: grayscale(100%);}
.rec-list li.cur .po-rec{border:1px solid #ffda8f;}
.rec-list li.cur .po-rec p{color:#ffda8f;}


.rule-list{width:500px;margin:20px 0 0 14px;height:400px;position: relative;padding-right:20px;overflow:auto;-webkit-overflow-scrolling: touch;}

.rule-list::-webkit-scrollbar-track{background-color: #590c0a;border-radius: 5px;}
.rule-list::-webkit-scrollbar{width:5px;background-color: #590c0a;border-radius: 5px;}
.rule-list::-webkit-scrollbar-thumb{background-color: #ffcd86;border-radius: 5px;}

.rule-list h4{font-size:20px;color:#ffcd86;text-align:justify;line-height:22px;margin-bottom:20px;font-weight: bold;}
.rule-list h4.ys{margin-top:20px;}

.rule-list p{font-size:18px;color:#ffcd86;text-align:justify;line-height:22px;}

.rule-desc{margin-top:10px;}
.rule-desc li{position: relative;padding-left:30px;font-size:18px;color:#ffcd86;text-align:justify;line-height:22px;margin-bottom:5px;}
.rule-desc li span{display: block;position: absolute;left:0;top:0;}

.pop2{width:500px;height:290px;background: url(//game.gtimg.cn/images/lol/act/a20220120tftlunar/pop-bg3.png) no-repeat 100%/100%;padding-top:58px;}
.ts-hint{font-size:20px;color:#ffcd86;text-align:center;line-height:28px;padding:0 15px;margin:30px auto 0;}
.pop-msg{font-size:20px;color:#ffcd86;text-align:center;line-height:28px;padding:0 15px;margin:10px auto 0;}
.pop-btns{text-align: center;font-size:0;margin:20px auto 0;}
.pop-btns a{display: inline-block;vertical-align: top;width:223px;height:64px;margin:0 10px;}
.pop-btns a.y-confirm{background: url(//game.gtimg.cn/images/lol/act/a20220120tftlunar/btn13.png) no-repeat 100%/100%;}
.pop-btns a.f-cancel{background: url(//game.gtimg.cn/images/lol/act/a20220120tftlunar/btn12.png) no-repeat 100%/100%;}

/* pop-gift */
.pop-gift{outline: none;display: none;width: 750px;height: 512px;}

.pop-history, .pop-mall {
  width: 720px;
  height: 495px;
  background: url(//game.gtimg.cn/images/lol/act/a20220120tftlunar/popbg.png) no-repeat center top/100% 100%;
  outline: none;display: none;
}

.pop-close {
  display: block;
  width: 40px;
  height: 40px;
  background: url(//game.gtimg.cn/images/lol/act/a20220120tftlunar/pop-close.png) no-repeat center/100%;
  position: absolute;
  top: -45px;
  right: 0;
  text-indent: -9999px;
}

.pop-sm {
  width: 549px;
  height: 306.5px;
  background: url(//game.gtimg.cn/images/lol/act/a20220120tftlunar/popbg-sm.png) no-repeat center top/100%;
  outline: none;
  position: relative;
  display: none;
}
.pop-sm .pop-msg {
  color: #ffcd86;
  font-size: 25px;
  text-align: center;
  height: 120px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 48px auto 0;
  padding: 0 20px;
}

#popComm .pop-msg {
  height: 100%;
  margin: 0;
}
.pop-year-hu {
  color: #fff;
  font-size: 38px;
  margin-top: 10px;
  text-align: center;
}
.pop-tit1,.pop-tit2,.pop-tit3,.pop-tit4 {
  height: 50px;
  width: 300px;
  background: url(//game.gtimg.cn/images/lol/act/a20220120tftlunar/pop-spr.png) no-repeat;
  background-size: 400px auto;
  margin: 22px auto 0;
  text-indent: -9999px;
}

.pop-tit1 {
  background-position: -50px 0;
}

.pop-tit2 {
  background-position: -50px -50px;
}

.pop-tit3 {
  background-position: -50px -225px;
}

.pop-tit4 {
  background-position: -50px -295px;
}

.pop-hline {
  width: 662px;
  height: 14.5px;
  background: url(//game.gtimg.cn/images/lol/act/a20220120tftlunar/pop-hline.png) no-repeat center/100%;
  margin: 4px auto 0;
}
.pop-gift {
  background: #282728 url(//game.gtimg.cn/images/lol/act/a20220120tftlunar/pop-gift-bg.jpg) no-repeat center bottom/100%;
}

.pop-gift-bd {
  height: 355px;
  margin-top: 113.6px;
  position: relative;
}

.pop-gift-tit {
  color: #fed08d;
  font-size: 22px;
  text-align: center;
  height: 30px;
  line-height: 28px;
}

.pop-gift-tit {
  background: linear-gradient(to bottom, #ffe1b8 0%, #fcbf64 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.pop-gift-topline {
  width: 727.5px;
  height: 15px;
  background: url(//game.gtimg.cn/images/lol/act/a20220120tftlunar/pop-gigt-topline.png) no-repeat center/100% 100%;
  margin: 10px auto 0;
}

.pop-gift-box {
  width: 386.5px;
  height: 309px;
  margin: 40px auto 0;
  position: relative;
  overflow: hidden;
}

.pop-gift-box:after {
  display: block;
  content: "";
  background: url(//game.gtimg.cn/images/lol/act/a20220120tftlunar/pop-gift-box.png) no-repeat center/100%;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.pop-gift-img {
  width: 343px;
  height: 297px;
  -webkit-mask: url("//game.gtimg.cn/images/lol/act/a20220120tftlunar/pop-gift-mask.png") no-repeat center/100%;
  margin: 3px 0 0 24px;
}

.pop-gift-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: #000;
}

.pop-gift-name {
  background: url(//game.gtimg.cn/images/lol/act/a20220120tftlunar/pop-gift-namebg.png) no-repeat center/100%;
  width: 232.5px;
  height: 52px;
  position: absolute;
  left: 50%;
  margin-left: -116px;
  bottom: 9px;
  z-index: 2;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 25px;
  box-sizing: border-box;
  font-size: 16px;
  color: #ffedcf;
  word-break: keep-all;
}

.pop-gift-btmline {
  background: url(//game.gtimg.cn/images/lol/act/a20220120tftlunar/pop-gift-btmline.png) no-repeat center/100%;
  width: 767.5px;
  height: 44px;
  margin: 25px auto 0;
}

.pop-gift-close {
  display: block;
  width: 50px;
  height: 44px;
  margin: 0 auto;
}

.pop-gift-jinx {
  z-index: 1001;
}

.pop-gift-jinx .pop-gift-box:after {
  display: none;
  background: none;
}

.pop-gift-jinx .pop-gift-box {
  width: 279px;
  height: 235px;
  margin: 10px auto 0;
}

.pop-gift-jinx .pop-gift-jinx-img {
  background: url(//game.gtimg.cn/images/lol/act/a20220120tftlunar/pop-gift-jinx.png) no-repeat center top/100%;
  width: 279px;
  height: 235px;
  margin: 0;
}

.pop-gift-jinx .pop-gift-name {
  background: none;
  height: 22px;
  text-align: center;
  line-height: 22px;
  color: #ffedcf;
  font-size: 15px;
  width: 145px;
  margin-left: -72px;
}

.pop-gift-attack .pop-gift-attack-img {
  width: 343px;
  height: 297px;
  background: url(//game.gtimg.cn/images/lol/act/a20220120tftlunar/pop-gift-attackimg.png) no-repeat center/100%;
  margin: 3px 0 0 24px;
  padding-top: 70px;
  box-sizing: border-box;
}

.pop-gift-attack-icon {
  width: 119px;
  height: 119px;
  background: linear-gradient(to right, #e1902f 0%, #ffe8b6 100%);
  padding: 1px;
  margin: 0 auto;
}

.pop-gift-attack-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #000;
}

.pop-gift-ten {
  background-image: url(//game.gtimg.cn/images/lol/act/a20220120tftlunar/pop-gift-bg2.jpg);
}

.pop-gift-ten-lt {
  width: 671px;
  height: 267px;
  position: relative;
  margin: 0 auto;
}

.pop-gift-ten-lt li {
  width: 122.5px;
  height: 130.5px;
  position: absolute;
}

.pop-gift-ten-lt li .front, .pop-gift-ten-lt li .back {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transition: transform 1s ease-in-out;
}

.pop-gift-ten-lt .front {
  transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  z-index: 2;
}

.pop-gift-ten-lt .back {
  transform: rotateY(-540deg);
  -webkit-transform: rotateY(-540deg);
}

.pop-gift-ten-lt li.act .front {
  transform: rotateY(540deg);
  -webkit-transform: rotateY(540deg);
}

.pop-gift-ten-lt li.act .back {
  transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  z-index: 2;
}

.pop-gift-ten-img {
  width: 119.5px;
  height: 109px;
  background: url(//game.gtimg.cn/images/lol/act/a20220120tftlunar/pop-ten-itembg.png) no-repeat center/100%;
  position: relative;
  overflow: hidden;
}

.pop-gift-ten-img::after {
  display: block;
  content: "";
  background: url(//game.gtimg.cn/images/lol/act/a20220120tftlunar/pop-ten-border.png) no-repeat center/100%;
  width: 98px;
  height: 85.5px;
  position: absolute;
  top: 11px;
  left: 10px;
}

.pop-gift-ten-img p {
  width: 98px;
  height: 85.5px;
  -webkit-mask: url(//game.gtimg.cn/images/lol/act/a20220120tftlunar/pop-ten-mask.png) no-repeat center/100%;
  margin: 11px 0 0 10px;
}

.pop-gift-ten-img img {
  width: 100%;
  height: 100%;
}

.pop-gift-ten-name {
  color: #fed08d;
  font-size: 13px;
  text-align: center;
  width: 110px;
  margin: -8px auto 0;
  word-break: keep-all;
}

.pop-gift-ten-lt li:nth-child(1), .pop-gift-ten-lt li:nth-child(2), .pop-gift-ten-lt li:nth-child(3), .pop-gift-ten-lt li:nth-child(4) {
  top: 12.5px;
}

.pop-gift-ten-lt li:nth-child(5), .pop-gift-ten-lt li:nth-child(6), .pop-gift-ten-lt li:nth-child(7) {
  top: 78px;
}

.pop-gift-ten-lt li:nth-child(8), .pop-gift-ten-lt li:nth-child(9), .pop-gift-ten-lt li:nth-child(10), .pop-gift-ten-lt li:nth-child(11) {
  top: 138px;
}

.pop-gift-ten-lt li:nth-child(1), .pop-gift-ten-lt li:nth-child(8) {
  left: 0;
}

.pop-gift-ten-lt li:nth-child(2), .pop-gift-ten-lt li:nth-child(9) {
  left: 184.5px;
}

.pop-gift-ten-lt li:nth-child(3), .pop-gift-ten-lt li:nth-child(10) {
  left: 369px;
}

.pop-gift-ten-lt li:nth-child(4), .pop-gift-ten-lt li:nth-child(11) {
  left: 554px;
}

.pop-gift-ten-lt li:nth-child(5) {
  left: 92px;
}

.pop-gift-ten-lt li:nth-child(6) {
  left: 277px;
}

.pop-gift-ten-lt li:nth-child(7) {
  left: 461.5px;
}

.pop-history .dialog-history__table {
  width: 662px;
  color: #fff;
  margin: 20px auto 0;
}

.pop-history .dialog-history__li {
  height: 42px;
  line-height: 42px;
  text-align: center;
  border-bottom: #410503 solid 1px;
  position: relative;
  font-size: 14px;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
}

.pop-history .dialog-history__li::after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 1px;
  background: rgba(218, 70, 65, 0.5);
}

.pop-history .dialog-history__date {
  width: 30%;
}

.pop-history .dialog-history__name {
  width: 40%;
  margin-right: 40px;
}

.pop-history .dialog-history__bottom {
  color: #fff;
  font-size: 14px;
  text-align: center;
  margin-top: 20px;
}

.pop-history .pagination__pages {
  display: inline-block;
  vertical-align: top;
  height: 22.5px;
  line-height: 22.5px;
}

.pop-history .pagination__btn-page {
  display: inline-block;
  vertical-align: top;
  width: 16px;
  height: 16px;
  text-align: center;
  line-height: 16px;
  color: #fff;
  margin: 3px 5px 0;
}

.pop-history .pagination__btn-page.on {
  background: #e9b777;
  border-radius: 50%;
  color: #991e1a;
}

.pop-history .pagination__btn-prev, .pop-history .pagination__btn-next {
  display: inline-block;
  vertical-align: top;
  background: url(//game.gtimg.cn/images/lol/act/a20220120tftlunar/pop-spr.png) no-repeat;
  background-size: 400px auto;
  width: 23px;
  height: 23px;
  margin: 0 5px;
}

.pop-history .pagination__btn-prev {
  background-position: 0 -275px;
}

.pop-history .pagination__btn-next {
  background-position: -25px -275px;
}

.pop-history .pagination__ellipsis {
  display: inline-block;
  vertical-align: top;
}
.pop-mall-ct {
  font-size: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 80px;
  text-align: center;
  color: #fff;
  margin: 50px auto 0;
  position: relative;
}

.pop-mall-ct::before {
  display: block;
  content: "";
  height: 150px;
  width: 1px;
  background: linear-gradient(to bottom, transparent 0%, rgba(253, 241, 201, 0.6) 50%, transparent 100%);
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -75px;
}

.pop-mall-ct .pop-btn {
  display: block;
  width: 196px;
  height: 52px;
  background: url(//game.gtimg.cn/images/lol/act/a20220120tftlunar/pop-spr.png) no-repeat;
  background-size: 400px auto;
  background-position: 0 -356px;
  text-indent: -9999px;
  margin: 45px auto 0;
}

.pop-mall-ct .qrcode {
  width: 200px;
  margin-bottom: 20px;
}

.pop-gift .pop-gift-vbg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.pop-gift .pop-gift-vbg video {
  width: 100%;
  /* width: 2110px; */
  height: 100%;
  object-fit: cover;
}
.pop-gift .pop-gift-tit {
  animation: ani-tit-downin 0.5s ease both;
}
@keyframes ani-tit-downin {
  0% {
    transform: translate(0, -25px);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.pop-gift .pop-gift-topline {
  animation: fadein 0.5s 0.2s ease both;
}
.pop-gift .pop-gift-box {
  animation: ani-box-upin 0.6s ease both;
}
@keyframes ani-box-upin {
  0% {
    transform: translate(0, 100px);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}
.pop-gift .pop-gift-btmline {
  animation: ani-box-upin 0.5s 0.3s ease both;
}
@keyframes ani-ten-item-in {
  0% {
    transform: scale(1.8);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.pop-gift .pop-gift-ten-lt li:nth-child(1) {
  animation: ani-ten-item-in 0.3s 0.1s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}
.pop-gift .pop-gift-ten-lt li:nth-child(8) {
  animation: ani-ten-item-in 0.3s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}
.pop-gift .pop-gift-ten-lt li:nth-child(5) {
  animation: ani-ten-item-in 0.3s 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}
.pop-gift .pop-gift-ten-lt li:nth-child(2) {
  animation: ani-ten-item-in 0.3s 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}
.pop-gift .pop-gift-ten-lt li:nth-child(9) {
  animation: ani-ten-item-in 0.3s 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}
.pop-gift .pop-gift-ten-lt li:nth-child(6) {
  animation: ani-ten-item-in 0.3s 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}
.pop-gift .pop-gift-ten-lt li:nth-child(3) {
  animation: ani-ten-item-in 0.3s 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}
.pop-gift .pop-gift-ten-lt li:nth-child(10) {
  animation: ani-ten-item-in 0.3s 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}
.pop-gift .pop-gift-ten-lt li:nth-child(7) {
  animation: ani-ten-item-in 0.3s 0.9s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}
.pop-gift .pop-gift-ten-lt li:nth-child(4) {
  animation: ani-ten-item-in 0.3s 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}
.pop-gift .pop-gift-ten-lt li:nth-child(11) {
  animation: ani-ten-item-in 0.3s 1.1s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}

.pop-gift-jinx .pop-gift-box {
  visibility: hidden;
}

/*视频弹窗*/
.pop-video{ width:700px; height:460px; position:relative; border:#c18852 solid 4px; display:none;outline: none;}
.close-btn{width:45px;height:45px;background: url(//game.gtimg.cn/images/lol/act/a20220120tftlunar/close.png) no-repeat;position: absolute;top:-52px;right:0;z-index: 3;}
.video-play{width:700px; height:460px;position: relative;}

/*动画*/
@-webkit-keyframes breath{
    0%,100%{-webkit-transform:scale(1);}
    50%{-webkit-transform:scale(0.9);}
}
@keyframes breath{
    0%,100%{transform:scale(1);}
    50%{transform:scale(0.9);}
}