body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,figure{ margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ display:block }
ol,ul{  list-style: none }
body{ -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100% !important; -webkit-touch-callout: none; -webkit-user-select: text; -webkit-touch-callout: none;  word-break: break-all; word-wrap: break-word;}
h1,h2,h3,h4,h5,h6{ font-weight: normal }
table{ border-collapse:collapse;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{  font-weight: inherit }
strong,i,em{ font-weight: normal;font-style: normal; }
input,select,form { vertical-align:middle; outline:none; }
img{border:none;vertical-align: top;}
a, button, input, select, textarea, a:focus, button:focus, input:focus, select:focus, textarea:focus, [onclick] {outline: 0;  -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
a {-webkit-touch-callout: none; text-decoration: none; color: #666666;outline: 0; }
body,html{background: #13151e;}
.hidden{width: 0;height: 0;line-height:0;font-size: 0;visibility: hidden;text-indent: -9999px;display: block;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.gray{ pointer-events:none; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: grayscale(1); -webkit-transform: translateZ(0);} 
@font-face {
    font-family: 'hzst';
    src: url('https://game.gtimg.cn/images/dnf/cp/celebration/pc/hzst.ttf');
    font-style: normal;
    font-display: swap;
}

/*foot*/
.foot{font-size:0.20rem; color:#cccccc; text-align:center;background:#000000; height:0.55rem; padding:0.20rem 0 0.20rem 0; line-height:0.30rem;}
/*top*/
.logo-box{ width:1.90rem; height:0.78rem; background:url(https://game.gtimg.cn/images/dnf/cp/celebration/m/logo.png) no-repeat center top/100% 100%; position:absolute; left:0.15rem; top:0.25rem; overflow:hidden;}
.logo-box .logo{ display:block; width:1.45rem; height:0.65rem; margin:0.32rem 0 0 0.17rem; position:relative; z-index:99;}
.logo2{ display:block; width:2.0rem; height:0.32rem; background:url(https://game.gtimg.cn/images/dnf/cp/celebration/m/logo-qq.png) no-repeat center top 100%/100%; position:absolute; left:2.14rem; top:0.30rem; z-index:9;}
.home-btn{ display:block; width:1.87rem; height:0.95rem; background:url(https://game.gtimg.cn/images/dnf/cp/celebration/m/home-btn.png) no-repeat center top/100% 100%; position:absolute; right:0; top:0; z-index:999;}

/*login-box*/
.login-box{ width:100%; line-height:0.30rem; text-align:center; color:#feebfe; font-size:0.18rem; position:absolute; left:0; top:6.25rem; font-weight:bold; z-index:999;}
.login-box span{ color:#e01b70;}

/*logo*/
.logo-box{width:1.64rem;height:0.69rem;background:url(https://game.gtimg.cn/images/dnf/cp/celebration/pc/logo.png) no-repeat center top/100% 100%;position:absolute;left:0.22rem;top:0.15rem;overflow:hidden;z-index:999;}
.logo-box .logo{display:block;width:1.64rem;height:0.69rem;}

/*wrap*/
.wrap{ width:100%; height:66.40rem; position:relative; background:url(https://game.gtimg.cn/images/dnf/cp/celebration/m/bg.jpg) no-repeat center top/100% 100%;margin:0 auto; overflow:hidden;}
.header{ height:14.10rem;}
.home-btn{display:block;width:1.76rem;height:0.58rem;background:url(https://game.gtimg.cn/images/dnf/cp/celebration/m/right-top-bg2.png) no-repeat center top/100% 100%;position:absolute;right:0;top:0.26rem;z-index:91;}
.slogan{ display: none; width:7.50rem; height:2.05rem; background:url(https://game.gtimg.cn/images/dnf/cp/celebration/m/slogan01.png) no-repeat center top/100% 100%; position:absolute; left:0; top:4.11rem; font-size:0;}
.rule-btn{display:block;width:1.75rem;height:0.5rem;line-height:0.5rem;background:url(https://game.gtimg.cn/images/dnf/cp/celebration/pc/rule-btn2.png) no-repeat center top/100% 100%;position:absolute;right:0.25rem;top:0.94rem;text-align:center;color:#feebfe;font-size:0.18rem;-webkit-transform:scale(0.9);-moz-transform:scale(0.9);transform:scale(0.9);}
.rule-btn i{display:inline-block;width:0.16rem;height:0.16rem;background:url(https://game.gtimg.cn/images/dnf/cp/celebration/pc/que-icon.png) no-repeat center top/100% 100%;vertical-align:top;margin:0.19rem 0.08rem 0 0;}

/*content*/
.tit1{width:7.50rem;height:1.0rem;margin:0 auto 0;background:url(https://game.gtimg.cn/images/dnf/cp/celebration/m/tit1.png) no-repeat center top/100% 100%;font-size:0;}
.tit2{background:url(https://game.gtimg.cn/images/dnf/cp/celebration/m/tit2.png) no-repeat center top/100% 100%;margin-top:0.46rem;}
.tit3{background:url(https://game.gtimg.cn/images/dnf/cp/celebration/m/tit3.png) no-repeat center top/100% 100%;margin-top:0.46rem;}
.tit4{background:url(https://game.gtimg.cn/images/dnf/cp/celebration/m/tit4.png) no-repeat center top/100% 100%;margin-top:0.46rem;}
.center-box{width:100%;height:auto;margin:0 auto 0;position:relative;padding-top:0.01rem;box-sizing:border-box;}
.adv-pic1,.adv-pic2,.adv-pic3,.adv-pic4{width:2.22rem;height:2.60rem;position:absolute;padding-top:0.01rem;box-sizing:border-box;transform:scale(1.12); -webkit-transform:scale(1.12); -moz-transform:scale(1.12);}
.adv-pic1{background:url(https://game.gtimg.cn/images/dnf/cp/celebration/pc/adv-pic01.png) no-repeat center top/100% 100%;left:1.09rem;top:6.92rem;}
.adv-pic2{background:url(https://game.gtimg.cn/images/dnf/cp/celebration/pc/adv-pic02.png) no-repeat center top/100% 100%;left:0.35rem;top:9.79rem;}
.adv-pic3{background:url(https://game.gtimg.cn/images/dnf/cp/celebration/pc/adv-pic03.png) no-repeat center top/100% 100%;left:2.62rem;top:9.79rem;}
.adv-pic4{background:url(https://game.gtimg.cn/images/dnf/cp/celebration/pc/adv-pic04.png) no-repeat center top/100% 100%;left:4.89rem;top:9.79rem;}
.adv-title{display:block;width:100%;line-height:0.28rem;margin:1.83rem 0 0.04rem 0; text-align:center;font-weight:bold;color:#e68be6;font-size:0.18rem;font-weight:bold;background-image:-webkit-gradient(linear,0 0,0 bottom,from(#e68be6),to(#fce7fc));-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.adv-txt{width:100%; height:0.26rem; line-height:0.26rem; text-align:center; color:#f9e3ff;font-size:0.14rem;-webkit-transform:scale(0.88);-moz-transform:scale(0.88);transform:scale(0.88);}
.adv-lk{display:block;width:2.22rem;height:2.60rem;position:absolute;left:0;top:0;z-index:999;}
.act-mid-in{width:2.82rem;height:2.71rem;background:url(https://game.gtimg.cn/images/dnf/cp/celebration/pc/act-mid-bg01.png) no-repeat center top/100% 100%;position:absolute;left:3.47rem;top:6.82rem;padding-top:0.01rem;box-sizing:border-box;transform:scale(1.12); -webkit-transform:scale(1.12); -moz-transform:scale(1.12);}
.act-mid-in2{background:url(https://game.gtimg.cn/images/dnf/cp/celebration/pc/act-mid-bg02.png) no-repeat center top/100% 100%;}
.act-mid-in h2{width:100%;margin:0.37rem 0 0.3rem 0;text-align:center;height:0.40rem;line-height:0.40rem;font-size:0.28rem;font-weight:normal;color:#ffeac3;background-image:-webkit-gradient(linear,0 0,0 bottom,from(#e68be6),to(#fce7fc));-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:'hzst';}
.act-mid-list{width:100%;display:flex;flex-wrap:wrap;justify-content:center;}
.act-mid-list li,.act-mid-list li img{width:0.57rem;height:0.57rem;}
.act-mid-list li{margin:0 0.09rem 0 0.09rem;}
.act-get-btn{display:block;width:1.88rem;height:0.62rem;line-height:0.62rem;text-align:center;background:url(https://game.gtimg.cn/images/dnf/cp/celebration/pc/act-get-btn2.png) no-repeat center top/100% 100%;margin:0.05rem auto 0; font-size:0.16rem;}
.act-get-btn.gray{background:url(https://game.gtimg.cn/images/dnf/cp/celebration/pc/act-got-btn2.png) no-repeat center top/100% 100%;}
.act-get-btn i{ font-size:0.18rem; font-weight:bold; color:#ffc1dd; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffc1dd), to(#ffffff));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.act-mid-tit{width:100%;height:0.22rem;line-height:0.22rem;margin:0.46rem auto 0.34rem;font-weight:bold;color:#d8c9ff;font-size:0.13rem;text-align:center;}
.act-mid-txt{height:0.4rem;line-height:0.4rem;text-align:center;font-size:0.22rem;background:url(https://game.gtimg.cn/images/dnf/cp/celebration/pc/act-mid-txt.png) no-repeat center top/100% 100%; margin:0 auto 0.30rem; font-family:'hzst';}
.act-mid-txt i{ background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#e68ae6), to(#ffffff));-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-family: 'hzst';}

.view-btn{display:block;width:1.3rem;height:0.34rem;line-height:0.34rem;text-align:center;background:url(https://game.gtimg.cn/images/dnf/cp/celebration/pc/goto-btn.png) no-repeat center top/100% 100%;background-size:1.3rem 0.34rem;margin:0.05rem auto 0.09rem; font-size:0;}
.view-btn i{font-size:0.16rem;font-weight:bold;background-image:-webkit-gradient(linear,0 0,0 bottom,from(#ffbfdc),to(#fff9fc));-webkit-background-clip:text;-webkit-text-fill-color:transparent;}


/*版本更新速览*/
.version-in{width:7.50rem;height:5.40rem;margin:0 auto 0; padding-top:0.43rem; box-sizing:border-box; position:relative;overflow:hidden;}
.version-in .swiper-container{width:5.69rem;height:100%; margin:0 auto;position:relative;transform:scale(1.15); -webkit-transform:scale(1.15); -moz-transform:scale(1.15);}
.version-in .swiper-pagination{width:100%;height:0.42rem;font-size:0;top:4.77rem;left:0;}
.version-in .swiper-pagination-bullet{width:0.40rem;height:0.42rem;margin:0 0.05rem 0 0.05rem;background:url(https://game.gtimg.cn/images/dnf/cp/celebration/m/v-bullet-icon.png) no-repeat center top 100%/100%;opacity:1;}
.version-in .swiper-pagination-bullet-active{ background:url(https://game.gtimg.cn/images/dnf/cp/celebration/m/v-active-icon.png) no-repeat center top 100%/100%;}
.version-in .btn-next,.version-in .btn-prev{width:0.55rem;height:0.55rem;position:absolute;top:2.20rem;font-size:0; z-index:999;}
.version-in .btn-prev{left:0.15rem;background:url(https://game.gtimg.cn/images/dnf/cp/celebration/m/btn-prev.png) no-repeat center top 100%/100%;}
.version-in .btn-next{right:0.15rem;background:url(https://game.gtimg.cn/images/dnf/cp/celebration/m/btn-next.png) no-repeat center top 100%/100%;}

.version-box{width:5.69rem;height:4.02rem; margin:0 auto; background:url(https://game.gtimg.cn/images/dnf/cp/celebration/pc/version-rew-bg1.png) no-repeat center top/100% 100%;overflow:hidden;}
.version-box2{background:url(https://game.gtimg.cn/images/dnf/cp/celebration/pc/version-rew-bg2.png) no-repeat center top/100% 100%;}
.version-box3{background:url(https://game.gtimg.cn/images/dnf/cp/celebration/pc/version-rew-bg3.png) no-repeat center top/100% 100%;}
.version-box4{background:url(https://game.gtimg.cn/images/dnf/cp/celebration/pc/version-rew-bg4.png) no-repeat center top/100% 100%;}
.version-box strong{display:block;margin-top:1.43rem;height:0.48rem;line-height:0.48rem;text-align:center;font-size:0.36rem;font-weight:normal;background-image:-webkit-gradient(linear,0 0,0 bottom,from(#d5aaff),to(#ffffff));-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:'hzst';}
.version-box strong::before,.version-box strong::after{content:'';display:inline-block;width:0.28rem;height:0.2rem;vertical-align:top;margin-top:0.13rem;}
.version-box strong::before{background:url(https://game.gtimg.cn/images/dnf/cp/celebration/pc/v-arr-left.png) no-repeat center top/100% 100%;margin-right:0.1rem;}
.version-box strong::after{background:url(https://game.gtimg.cn/images/dnf/cp/celebration/pc/v-arr-right.png) no-repeat center top/100% 100%;margin-left:0.1rem;}
.version-time{text-align:center;line-height:0.24rem;font-size:0.16rem;color:#d9b1ff;}
.version-list{margin-top:0.15rem;display:flex;flex-wrap:wrap;justify-content:center;}
.version-list li{width:1.35rem;height:0.8rem;}
.version-list li img{display:block;width:0.26rem;height:0.26rem;border:#aa16b2 solid 1px;margin:0 auto 0.07rem;}
.version-list li p{text-align:center;line-height:0.16rem;color:#f8f0ff;font-size:0.14rem;}
.version-act-tips{width:11.6rem;float:left;margin-top:0.18rem;text-align:center;color:#d9b1ff;font-size:0.16rem;}

/*开限觉醒*/
.kxjx-in{ width:7.50rem; height:9.95rem; background:url(https://game.gtimg.cn/images/dnf/cp/celebration/m/kxjx-bg.png) no-repeat center top/100% 100%; position:relative; }
.kxjx-item{ width:2.11rem; height:1.74rem; position:absolute; left:0.52rem; top:7.58rem; background:url(https://game.gtimg.cn/images/dnf/cp/celebration/m/kxjx-role1.png) no-repeat center top/100% 100%; overflow:hidden;}
.kxjx-item p{ width:100; color:#d9b1ff; font-size:0.16rem; line-height:0.20rem; text-align:center; margin:0.13rem auto 0;-webkit-transform:scale(0.9);-moz-transform:scale(0.9);transform:scale(0.9);}
.kxjx-item strong{ display:block; margin-top:0.90rem; text-align:center; line-height:0.24rem; font-size:0.20rem; font-weight:bold; color:#f8f0ff;}
.kxjx-item i{ display:block; width:2.11rem; height:0.13rem; background:url(https://game.gtimg.cn/images/dnf/cp/celebration/m/kxjx-line.png) no-repeat center top/100% 100%; position:absolute; left:0; top:1.15rem;}
.kxjx-item2{ background:url(https://game.gtimg.cn/images/dnf/cp/celebration/m/kxjx-role2.png) no-repeat center top/100% 100%; left:2.70rem;}
.kxjx-item2 strong{ margin-top:0.65rem;}
.kxjx-item3{ background:url(https://game.gtimg.cn/images/dnf/cp/celebration/m/kxjx-role3.png) no-repeat center top/100% 100%; left:4.85rem;}
.play-btn{ display:block; width:1.80rem; height:1.80rem; background:url(https://game.gtimg.cn/images/dnf/cp/celebration/pc/play-btn.png) no-repeat center top/100% 100%; position:absolute; left:3.12rem; top:2.34rem;-webkit-animation:2.0s ease infinite breath;animation:2.0s ease infinite breath;}
@-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);}
}
@-webkit-keyframes arrow {
  0% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
    opacity: 0.6;
  }
  80%,100% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
    opacity: 1;
  }
}


/*每日/每周活跃好礼*/
.center-box2{ margin-top:0.20rem;}
.task-item{width:7.50rem;height:3.21rem;background:url(https://game.gtimg.cn/images/dnf/cp/celebration/m/task-bg.png) no-repeat center top/100% 100%; margin-bottom:0.20rem; position:relative;}
.task-item2{ height:2.76rem;background:url(https://game.gtimg.cn/images/dnf/cp/celebration/m/task-bg.png) no-repeat center top/100% 100%;}
.task-item2 .task-rew-list{margin-top:0.05rem;}
.task-tit{height:0.68rem; line-height:0.68rem;color:#f8f0ff;font-size:0.24rem;text-align:center;font-weight:bold;}
.task-rew-list{margin-top:0.15rem;display:flex;flex-wrap:wrap;justify-content:center;}
.task-rew-list li{width:1.63rem;height:1.21rem;position:relative;}
.task-rew-box{width:0.86rem;height:0.86rem;margin:0 auto 0;background:url(https://game.gtimg.cn/images/dnf/cp/celebration/pc/task-rew-bg.png) no-repeat center top/100% 100%;display:flex; justify-content: center; align-items: center;}
.task-rew-box img{ width:0.28rem; height:0.28rem;}
.task-rew-list li p{ width:2.30rem;position:absolute;left:-0.33rem;top:0.95rem;font-size:0.16rem;text-align:center;color:#f8f0ff;line-height:0.18rem;}
.task-get-btn{margin:0 auto 0;}
.task-tips{ width:3.32rem; height:0.40rem; line-height:0.40rem; position:absolute; left:1.59rem; top:0.76rem; text-align:center; color:#ffffff; font-size:0.18rem; font-weight:bold;}
.center-box2 .task-item:nth-child(1){ background:url(https://game.gtimg.cn/images/dnf/cp/celebration/m/task-first-bg.png) no-repeat center top/100% 100%;}
.center-box2 .task-item:nth-child(1) li:nth-child(1),.center-box2 .task-item:nth-child(1) li:nth-child(2),.center-box2 .task-item:nth-child(1) li:nth-child(3){ margin-top:0.26rem; -webkit-transform:scale(0.77);-moz-transform:scale(0.77);transform:scale(0.77);}
.center-box2 .task-item:nth-child(1) li:nth-child(1){ margin-left:0.42rem;}
.center-box2 .task-item:nth-child(1) li:nth-child(4){ margin:0.31rem 0 0 0;}
.center-box2 .task-item:nth-child(1) li{ width:1.62rem;}

/*积分兑好礼*/
.inte-num-tips{margin-top:0.15rem;text-align:center;line-height:0.28rem;color:#e7cffe;font-size:0.20rem;}
.inte-num-tips span{color:#e01b70;}
.inte-in{width:7.50rem;height:5.55rem;margin:0.22rem auto 0;background:url(https://game.gtimg.cn/images/dnf/cp/celebration/m/inte-in.png) no-repeat center top/100% 100%;overflow:hidden;}
.inte-list{margin-top:0.52rem;display:flex;flex-wrap:wrap;justify-content:center;}
.inte-list li{width:2.15rem; height:2.59rem;position:relative;}
.inte-list li::after{content:'';width:0.09rem;height:1.81rem;position:absolute;right:-0.04rem;top:0.08rem;background:url(https://game.gtimg.cn/images/dnf/cp/celebration/pc/inte-line.png) no-repeat center top/100% 100%;}
.inte-list li:nth-child(3)::after,.inte-list li:last-child::after{background:none;}
.inte-list li a{display:block;width:1.53rem;height:0.49rem;line-height:0.49rem;color:#f9b8d3;text-align:center;font-size:0.16rem;background:url(https://game.gtimg.cn/images/dnf/cp/celebration/pc/inte-btn.png) no-repeat center top/100% 100%;margin:0.1rem auto 0;}
.inte-list li a i{font-weight:bold;background-image:-webkit-gradient(linear,0 0,0 bottom,from(#f293bc),to(#ffffff));-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.inte-times{width:1.01rem;height:0.26rem;line-height:0.26rem;text-align:center;color:#f1e2ff;font-size:0.18rem;background:url(https://game.gtimg.cn/images/dnf/cp/celebration/pc/inte-times.png) no-repeat center top/100% 100%;margin:0 auto 0;}
.inte-box{width:0.86rem;height:0.86rem;margin:0.08rem auto 0.05rem;background:url(https://game.gtimg.cn/images/dnf/cp/celebration/pc/task-rew-bg.png) no-repeat center top/100% 100%;display:flex; justify-content: center; align-items: center;}
.inte-box img{ width:0.28rem; height:0.28rem;}
.inte-desc{width:100%;text-align:center;line-height:0.2rem;font-size:0.20rem;color:#f8f0ff;}

/*轮播*/
.tab-box{padding:0.2rem 0 0.03rem 0;display:flex;flex-wrap:wrap;justify-content:center;position:relative;z-index:91;}
.tab-box li{width:3.36rem;height:0.75rem;text-align:center;line-height:0.75rem;font-size:0.32rem;color:#de3131;margin:0 -0.11rem 0 -0.11rem;background:url(https://game.gtimg.cn/images/dnf/cp/celebration/pc/tab-lk.png) no-repeat center top/100% 100%;cursor:pointer;}
.tab-box li i{letter-spacing:0.01rem;background-image:-webkit-gradient(linear,0 0,0 bottom,from(#e5cbff),to(#fdfcff));-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:'hzst';}
.tab-box li.on{background:url(https://game.gtimg.cn/images/dnf/cp/celebration/pc/tab-hv.png) no-repeat center top/100% 100%;}
.tab-in{display:none;position:relative;margin-top:0.18rem;}
.tab-in .swiper-container{width:100%;height:11.88rem;padding-bottom:0.2rem;margin:0 auto;position:relative;overflow:hidden;}
.tab-in .swiper-button-prev,.tab-in .swiper-button-next{width:0.57rem;height:0.5rem;position:absolute;top:12.09rem;text-indent:-99.99rem;z-index:991;transform:translateZ(0);}
.tab-in .swiper-button-prev{background:url(https://game.gtimg.cn/images/dnf/cp/celebration/pc/btn-prev.png) no-repeat center top/100% 100%;left:2.42rem;animation:prevArrowGuide 1.3s infinite ease-in-out;}
.tab-in .swiper-button-next{background:url(https://game.gtimg.cn/images/dnf/cp/celebration/pc/btn-next.png) no-repeat center top/100% 100%;right:2.42rem;animation:nextArrowGuide 1.3s infinite ease-in-out;}
@keyframes prevArrowGuide{0%,100%{transform:translateX(0);}
50%{transform:translateX(-0.1rem);}
;}
@keyframes nextArrowGuide{0%,100%{transform:translateX(0);opacity:1;}
50%{transform:translateX(0.1rem);}
;}
.tab-in .swiper-button-prev.swiper-button-disabled,.tab-in .swiper-button-next.swiper-button-disabled{animation:inherit !important;pointer-events:none;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);}
.tab-in .swiper-num{width:100%;font-size:0.48rem;letter-spacing:0.04rem;text-align:center;line-height:0.68rem;color:#cbb1ff;position:absolute;left:0;bottom:-0.2rem;font-family:'hzst';}
.tab-in .swiper-num span{color:#e01b70;}
.tab-in .swiper-num em{color:#cbb1ff;}
.act-list{width:100%;margin:0 auto 0;padding-left:0.22rem;box-sizing:border-box;}
.act-list li{width:3.30rem;height:2.68rem;margin:0.1rem 0.08rem 0.1rem 0.08rem;position:relative;background:url(https://game.gtimg.cn/images/dnf/cp/celebration/m/act-bg2.png) no-repeat center top/100% 100%;float:left;padding-top:0.01rem;box-sizing:border-box;}
.act-num{display:none;width:0.97rem;height:0.8rem;line-height:0.8rem;color:#664f90;font-size:0.74rem;text-align:center;position:absolute;left:-0.05rem;top:0.06rem;}
.act-tit{text-align:center;height:0.74rem;line-height:0.74rem;color:#fe9bfe;font-size:0.20rem; font-weight:bold;margin:0 auto 0.06rem;background-image:-webkit-gradient(linear,0 0,0 bottom,from(#fe9bfe),to(#feebfe));-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.act-desc{width:3.03rem; height:0.52rem; min-height:0.22rem;margin:0 auto;line-height:0.20rem;color:#ffffff;font-size:0.16rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;}
.act-time{width:2.68rem;height:0.32rem;line-height:0.32rem;text-align:center;color:#c191f8;font-size:0.18rem;background:url(https://game.gtimg.cn/images/dnf/cp/celebration/m/act-time-bg.png) no-repeat center top/100% 100%;margin:0.03rem auto 0;}
.act-icon-box{width:1.64rem;display:flex;flex-wrap:wrap;justify-content:center;position:absolute;left:0.05rem;bottom:0.34rem;}
.act-icon-box div{width:0.28rem;height:0.28rem;margin:0 0.03rem 0 0.03rem;position:relative;overflow:hidden;}
.act-icon-box div img{display:block;width:0.28rem;height:0.28rem;}
.goto-icon{width:1.51rem;height:0.39rem;text-align:center;line-height:0.39rem;position:absolute;right:0.17rem;bottom:0.29rem;background:url(https://game.gtimg.cn/images/dnf/cp/celebration/pc/goto-btn.png) no-repeat center top/100% 100%;font-size:0.16rem;}
.goto-icon i{font-weight:bold;background-image:-webkit-gradient(linear,0 0,0 bottom,from(#ffbfdc),to(#fff9fc));-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.goto-icon2{right:1.53rem;}
.goto-btn{display:block;width:100%;height:100%;position:absolute;right:0;bottom:0;}

/*pop*/
.pop{display:none;outline:none;width:9.02rem;height:auto;float:left;position:relative;}
.pop-common{width:6.71rem;height:3.85rem;background:url(https://game.gtimg.cn/images/dnf/cp/celebration/pc/pop-common.png) no-repeat center top/100% 100%;}
.pop-reward{width:6.71rem;height:2.63rem;background:url(https://game.gtimg.cn/images/dnf/cp/celebration/pc/pop-reward.png) no-repeat center top/100% 100%;}
.pop-record{width:6.71rem;height:3.85rem;background:url(https://game.gtimg.cn/images/dnf/cp/celebration/pc/pop-record.png) no-repeat center top/100% 100%;}
.pop-rule{width:6.68rem;height:6.3rem;background:url(https://game.gtimg.cn/images/dnf/cp/celebration/pc/pop-rule.png) no-repeat center top/100% 100%;}
.pop .pop-close{display:block;width:0.49rem;height:0.49rem;background:url(https://game.gtimg.cn/images/dnf/cp/celebration/pc/close-btn.png) no-repeat center top/100% 100%;position:absolute;left:3.10rem;bottom:-0.69rem;}
.pop-tit{width:100%;height:0.66rem;margin-top:0.41rem;position:relative;font-size:0;}
.pop-common-msg{width:90%;height:1.55rem;line-height:0.26rem;font-size:0.2rem;color:#e7cffe;margin:1.2rem auto 0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;}
.pop-common-msg2{height:1.18rem;margin-top:0.45rem;}
.pop-common-msg3{ height:0.99rem; line-height:0.20rem;margin:0.25rem auto 0.28rem;}
.pop-btn{display:flex;flex-wrap:wrap;justify-content:center;}
.pop-btn a{display:block;width:2.16rem;height:0.56rem;line-height:0.56rem;text-align:center;font-size:0.22rem;background:url(https://game.gtimg.cn/images/dnf/cp/celebration/pc/pop-btn.png) no-repeat center top/100% 100%;letter-spacing:0.02rem;}
.pop-btn a i{color:#f38bb6;font-weight:bold;background-image:-webkit-gradient(linear,0 0,0 bottom,from(#f38bb6),to(#ffffff));-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.pop-record-table{width:6rem;margin:1.25rem auto 0.1rem;}
.pop-record-table tr th,.pop-record-table tr td{font-size:0.14rem;text-align:center;vertical-align:middle;color:#e7cffe;border:#806ec7 solid 1px;line-height:0.16rem;box-sizing:border-box;padding:0 0.05rem 0 0.05rem;}
.pop-record-table tr th{height:0.36rem;background:#4c12bf;}
.pop-record-table tr td{height:0.4rem;background:#1d0b45;}
.pop-page-turning{text-align:center;color:#e7cffe;line-height:0.28rem;font-size:0.14rem;letter-spacing:0.04rem;}
.pop-page-turning a{display:inline-block;margin:0 0.16rem 0 0.16rem;color:#e7cffe;}
.pop-rule-scro{width:6rem;height:4.5rem;margin:1.3rem auto 0;overflow:auto;}
.pop-rule-scro::-webkit-scrollbar-track{background:none;}
.pop-rule-scro::-webkit-scrollbar{width:0.05rem;background:none;}
.pop-rule-scro::-webkit-scrollbar-thumb{background-color:#4534af;border-radius:0.2rem;}
.pop-rule-scro p{width:97%;line-height:0.28rem;font-size:0.2rem;color:#e7cffe;margin-bottom:0.08rem;text-align:justify;}
.pop-rule-scro p .pop-rule-tit{display:block;padding-top:0.1rem;font-size:0.22rem;color:#fe9efe; font-weight:bold;}
.pop-rule-scro p i{color:#fe9efe;}
.pop-rule-scro p em{ font-weight:bold; color:#fe9efe;}

/*video*/
.pop-video .pop-close{ left:2.90rem;bottom:-0.69rem;}
.pop-video,.pop-video-box{width:6.30rem; height:3.60rem;}
.pop-video{ border:#d456fc solid 0.03rem;}
.pop-video-box #video{ width:100%; height:100%;}







