/*20260729 蛋仔派对-kb*/
@charset "UTF-8";html{line-height:1.15;text-size-adjust:100%}
html *{-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);-moz-box-sizing:border-box;box-sizing:border-box;outline-color:transparent;outline-style:solid}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,button,input,textarea,select,table,th,td,dl,dt,dd,label,figure,figcaption,blockquote{margin:0;padding:0;font-family:inherit;font-size:inherit;line-height:inherit;color:inherit}
body{font-family:"Microsoft YaHei",Helvetica,Tahoma,sans-serif;font-size:0.24rem;line-height:1.4;color:#c8c8c8;overflow-x:hidden;background-color:#1E1622;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-bottom:.8rem;}
a{color:#333;text-decoration:none}
a:hover,a:active{cursor:pointer}
img{border:none;max-width:100%;height:auto;vertical-align:middle;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}
ul,ol,li{list-style:none}
em,i,cite{font-style:normal}
html{font-size:calc(100vw / 7.5)}
@media screen and (min-width:751px){
html{font-size:66.6666666667px}
}
.b{position:relative;width:7.5rem;margin:0 auto;background-repeat:no-repeat;background-size:7.5rem auto;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden}
.b3,.b6,.b7,.b10,.b11{overflow:visible}
.b1{position:relative}
.rules,.nums{position:absolute}
.subtit,.btns,.tips,.login-tip,.link-more{text-align:center}
.gray,.grey{-webkit-filter:grayscale(100%);filter:grayscale(100%)}
.btns a,.btn-sm,.head-btns a,.taskList .button,.toolList .btn-sm{display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;background-repeat:no-repeat;background-size:100% 100%;font-weight:bold;color:#fff;-webkit-flex-shrink:0;flex-shrink:0}
.nums{top:5.21rem;right:0;background:rgba(0,0,0,.45);height:.48rem;line-height:.48rem;padding:0 .2rem 0 .24rem;color:#fff;border-radius:.5rem 0 0 .5rem;font-size:.26rem}
.nums em{color:#fff000}
.rules{top:5.83rem;right:0}
.rules a{display:block;background:rgba(0,0,0,.45);height:.48rem;line-height:.48rem;padding:0 .2rem 0 .24rem;color:#fff;border-radius:.5rem 0 0 .5rem;font-size:.26rem}
.head-btns{position:absolute;left:.41rem;top:10.4rem;width:6.68rem;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;z-index:3}
.head-btns a{width:3.3rem;height:.85rem;background-image:url("../images/btn-hd.png");font-size:.34rem;}
.login-tip{position:absolute;left:0;right:0;top:11.6rem;color:#fff;font-size:.26rem;z-index:2}
.b{position:relative;width:7.5rem;margin:0 auto;background-repeat:no-repeat;background-size:7.5rem auto;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden}
.subtit{color:#9a9a9a;font-size:.26rem;margin:.12rem .5rem .2rem;line-height:1.45;text-align:center}
.headArea{background-image:url(../images/headArea.jpg);height:12.74rem}
.b1{background-image:url(../images/b1.jpg);height:10.86rem}
.b2{background-image:url(../images/b2.jpg);height:9.25rem;}
.b3{background-image:url(../images/b3.jpg);height:6.34rem}
.b4{background-image:url(../images/b4.jpg);height:11.2rem;padding-top:1.2rem;}
.b5{background-image:url(../images/b5.jpg);height:10.6rem}
.b6{background-image:url(../images/b6.jpg);height:5.6rem}
.b7{background-image:url(../images/b7.jpg);background-color:#222066;padding-top:1.2rem;}
.video-box{background-image:url("../images/video-box.png");height:4.56rem}
.video-box .play{position:absolute;left:50%;top:50%;width:.92rem;height:.92rem;margin:-.46rem 0 0 -.46rem;z-index:2}
.btns{position:absolute;left:0;right:0;bottom:.8rem;z-index:3}
.b1 .btns{bottom:1.15rem;}
.lottery-box .btns{bottom:.8rem;}
.btns a{width:3.3rem;height:.85rem;background-image:url("../images/btn-big.png");font-size:.4rem;margin:0 auto;padding-bottom:.1rem;}
.btns.mid{position:static;margin:0 auto .36rem;}
.btns.mid a{width:3.59rem;height:.8rem;font-size:.32rem}
.tips{position:absolute;left:0;right:0;bottom:.7rem;color:#fff;font-size:.26rem;z-index:3}
.tips em{color:#5dffc8}
.reward-row{position:relative;overflow:visible;display:flex;justify-content:space-between;width:7rem;margin:0 auto .78rem;}
.reward-row .item{display:inline-block;position:relative;-webkit-flex-shrink:0;flex-shrink:0;z-index:2}
.reward-row .btn-sm{position:absolute;left:50%;width:2.77rem;height:.78rem;transform:translateX(-50%);background-image:url("../images/btn-mid.png");font-size:.3rem;z-index:2}
.b3 .reward-row{margin-top:1.3rem;}
.reward-row2 .item{width:3.28rem;height:4.3rem;cursor:pointer;}
.reward-row2 .item:last-child{margin-right:0}
.reward-row2 .btn-sm{top:auto;bottom:0;}
.taskList{width:7.1rem;margin:1.2rem auto 0;padding:0 .1rem .3rem}
.taskList li{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;width:6.9rem;height:1.63rem;margin-top:.2rem;padding:0 .4rem;background:url("../images/libg.png") no-repeat center/100% 100%;position:relative;-moz-box-sizing:border-box;box-sizing:border-box;flex-wrap:nowrap;}
.taskList dl{-webkit-flex:1;flex:1;min-width:0;padding-right:.16rem;display:flex;align-items:flex-start;gap:.1rem;white-space:nowrap;flex-direction:column;}
.taskList dt{color:#3b259b;font-size:.28rem;font-weight:bold}
.taskList dd{color:#3b259b;font-size:.24rem;}
.taskList .button{width:1.67rem;height:.46rem;background-image:url("../images/btn-sm.png");font-size:.26rem}
.taskList .button.grey{background-image:url("../images/btn-grey.png");color:#666}
.taskList .taskRgt{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin-left:0.2rem;position:relative;}
.taskList .taskRgt .rgtTip{background:#f60;height:0.28rem;line-height:0.28rem;color:#fff;text-align:center;font-size:0.2rem;padding:0 0.1rem;position:absolute;top:-0.27rem;right:0;z-index:3;border-radius:0.08rem;}
.taskList .taskRgt .rgtTip:before{background:#f60;width:0.1rem;height:0.1rem;position:absolute;right:0.2rem;transform:rotateZ(45deg);bottom:-0.04rem;content:'';z-index:1}
.shop-item{margin-bottom:.1rem}
.shop-pic{width:7.5rem;height:4.13rem;background-repeat:no-repeat;background-size:7.5rem auto}
.shop-item{position:relative;margin-bottom:.1rem}
.shop-item img{width:7.5rem;height:4.13rem;display:block}
.toolList{width:7.5rem;margin:.2rem auto .4rem;color:#fff;}
.toolList li{position:relative;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;min-height:1.87rem;margin-top:.2rem;padding:.24rem .6rem;background:url("../images/bg-li-tool.png") no-repeat center/100% 100%;-moz-box-sizing:border-box;box-sizing:border-box}
.toolList dl{-webkit-flex:1;flex:1}
.toolList dt{font-size:.3rem;font-weight:bold}
.toolList dd{font-size:.24rem;margin-top:.06rem}
.toolList .btn-sm{position:static;width:1.76rem;height:.58rem;margin:0 0 0 .1rem;background-image:url("../images/btn-mid.png");font-size:.26rem}
.notice{width:5.09rem;height:.48rem;margin:.2rem auto 0;background:url("../images/b-notice.png") no-repeat center/100% 100%;line-height:.48rem;overflow:hidden}
.notice{position:absolute;top:1.02rem;left:1.6rem}
/* .notice .uname{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:1rem;}
*/
.llk_choujiang_scroll{width:5rem;height:.52rem;margin:.2rem auto 0;padding:0 .3rem;display:box;display:-webkit-box;display:-ms-flexbox;-webkit-box-pack:left;-ms-flex-pack:left;-webkit-box-align:start;-ms-flex-align:start;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;display:-webkit-flex;display:flex;-webkit-justify-content:left;justify-content:left;-webkit-align-items:start;align-items:start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;flex-wrap:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}
.llk_choujiang_scroll ul{-webkit-box-flex:1;-ms-flex:1;-webkit-flex:1;flex:1;width:0%;}
.llk_choujiang_scroll ul li{height:.52rem;line-height:.52rem;font-size:.24rem;color:#fff;text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.llk_choujiang_scroll span{color:#ffc900;display:inline-block;max-width:1.5rem;vertical-align:top;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.swpBanner{width:7.4rem;height:4.28rem;margin:1.1rem auto;position:relative;}
.swpBanner .swiper-slide{width:6.8rem;height:3.71rem;display:flex;align-items:center;justify-content:center;}
.swpBanner img{width:6.8rem;height:3.7rem;display:block;object-fit:cover;}
.swpBanner .swiper-button-prev,.swpBanner .swiper-button-next{width:0.4rem;height:0.86rem;-o-background-size:0.4rem auto;background-size:0.4rem auto;margin-top:-0.43rem}
.swpBanner .lb-dots{width:100%;bottom:0.2rem}
.swpBanner .lb-dots span{width:0.3rem;height:0.04rem;background-color:#fff;border-radius:0;opacity:1;border-radius:0.1rem;margin:0 0.03rem}
.swpBanner .lb-dots .swiper-pagination-bullet-active{background-color:#b20c0d}
.vidPlayLoop{/* width:7.4rem;*//* height:4.28rem;*/margin:0 auto 0;border-radius:.1rem;overflow:hidden;position:relative;}
.vidPlayLoop .video-loop-info{width:6.9rem;height:3.71rem;position:relative;overflow:hidden;margin:0 auto;}
.vidPlayLoop .video-loop-info video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.vidPlayLoop .video-loop-info:first-child:before{background:rgba(0,0,0,.7);width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;content:''}
.vidPlayLoop .video-loop-info i{background:url(../images/icon-video.png) no-repeat;background-size:100% 100%;width:1.66rem;height:1.66rem;position:absolute;top:50%;margin-top:-.83rem;left:50%;margin-left:-.83rem;z-index:3}
.vidPlayLoop .video-loop-info img{width:6.56rem;height:3.56rem}
.swpBanner .swiper-slide img,.vidPlayLoop video{border:1px solid #e3d9fa;overflow:hidden;border-radius:.2rem;}
.fix-img a{border:0;background:none;backdrop-filter:none}
.fixMenu .fxmInner .reservabtn,.fixMenu .fxmInner .link,.b2,.swpBanner,.taskList .taskRgt{position:relative}
.fixMenu .fxmInner .reservabtn .item:after,.fixMenu .fxmInner .reservabtn .item:before,.fixMenu .fxmInner .link p,.fixMenu .fxmInner .mask:before,.fixMenu .fxmInner .mask,.taskList .taskRgt .rgtTip:before,.taskList .taskRgt .rgtTip,.rules,.nums{position:absolute}
.fixMenu .fxmInner .reservabtn .text,.fixMenu .fxmInner .reservabtn .item em,.fixMenu .fxmInner .reservabtn .item i,.fixMenu .fxmInner .link em,.fixMenu .fxmInner .link img,.llkModFollow .followImg img,.rules a{display:block}
.swpBanner .lb-dots span,.btn a{display:inline-block}
.fixMenu .fxmInner .reservabtn .item em,.fixMenu .fxmInner .reservabtn .item,.fixMenu .fxmInner .link p,.fixMenu .fxmInner .mask:before,.fixMenu .fxmInner .mask,.b1,.b2,.b3,.b4,.b5,.b6,.b7,.b8,.b9,.b10,.b11,.b12,.swpBanner,.taskList dl,.llkModFollow .followBtn,.llkModFollow .followTxt p,.llkModFollow .followImg img,.llkModFollow{overflow:hidden}
.fixMenu .fxmInner .reservabtn .text,.fixMenu .fxmInner .reservabtn .item em,.fixMenu .fxmInner,.swpBanner .lb-dots,.taskList .button,.taskList .taskRgt .rgtTip,.llkModFollow .followBtn,.btn,.notice{text-align:center}
.fixMenu{height:1.3rem}
.fixMenu .fxmInner{width:7.5rem;height:1.77rem;padding-top:0.6rem;background:url(../images/fix_menu_bg.png?v=001) no-repeat center center/7.5rem 1.77rem;-moz-box-sizing:border-box;box-sizing:border-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:flex-start;-moz-box-align:start;-ms-flex-align:start;align-items:flex-start;position:fixed;left:50%;bottom:0;margin-left:-3.75rem;z-index:20}
.fixMenu .fxmInner .mask{width:1.4rem;height:0.55rem;top:-0.55rem;left:50%;z-index:-3;display:none}
.fixMenu .fxmInner .mask:before{content:"";width:1.4rem;height:1.4rem;background:#f9c8ae;border-radius:9.99rem 9.99rem 0 0}
.fixMenu .fxmInner .link{width:1.3rem;height:1rem;margin:0 0.02rem;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}
.fixMenu .fxmInner .link img{width:0.56rem;height:0.56rem;margin:0.07rem auto 0}
.fixMenu .fxmInner .link em{height:0.32rem;line-height:0.34rem;margin-top:0.08rem;font-size:0.2rem;color:#fff}
.fixMenu .fxmInner .link p{padding:0 0.12rem;height:0.3rem;line-height:0.28rem;background:linear-gradient(to top,#f288ff,#913cfa);border:1px solid #fff;border-radius:0.25rem 0.25rem 0.25rem 0.02rem;font-size:0.18rem;color:#fff;white-space:nowrap;top:-0.1rem;left:50%;margin-left:0.1rem}
.fixMenu .fxmInner .link:nth-child(2){z-index:3}
.fixMenu .fxmInner .reservabtn{width:1.74rem;margin:-0.5rem 0.05rem 0;z-index:3}
.fixMenu .fxmInner .reservabtn .item{width:1.16rem;height:1.16rem;padding-right:0.03rem;background:url(../images/fix_menu_yy.png?v=001) no-repeat;-o-background-size:100% 100%;background-size:100% 100%;-moz-box-sizing:border-box;box-sizing:border-box;margin:0.05rem auto 0}
.fixMenu .fxmInner .reservabtn .item i{width:0.44rem;height:0.56rem;margin:0.1rem auto 0;background:url(../images/fix_btn.png?v=001) no-repeat center center/0.37rem 0.41rem;-webkit-animation:shake 2.4s linear infinite;-moz-animation:shake 2.4s linear infinite;-o-animation:shake 2.4s linear infinite;animation:shake 2.4s linear infinite;-webkit-transform-origin:50% 20%;-moz-transform-origin:50% 20%;-ms-transform-origin:50% 20%;-o-transform-origin:50% 20%;transform-origin:50% 20%}
.fixMenu .fxmInner .reservabtn .item em{height:0.28rem;line-height:0.28rem;font-size:0.22rem;font-weight:bold;color:#fff;}
.fixMenu .fxmInner .reservabtn .item:after,.fixMenu .fxmInner .reservabtn .item:before{content:"";border-radius:999rem;display:none}
.fixMenu .fxmInner .reservabtn .item:before{width:1rem;height:1rem;background:#bd6d31;left:50%;top:0.1rem;margin-left:-0.5rem;z-index:-1}
.fixMenu .fxmInner .reservabtn .item:after{width:1.2rem;height:1.2rem;background:#d19358;left:50%;top:0;margin-left:-0.6rem;z-index:-2}
.fixMenu .fxmInner .reservabtn .text{height:0.28rem;line-height:0.3rem;font-size:0.2rem;color:#fff}
.fixMenu .fxmInner .done .item{-webkit-filter:grayscale(1);filter:grayscale(1)}
.fixMenu .fxmInner .done .item i,.fixMenu .fxmInner .done .item em{-webkit-filter:grayscale(1);filter:grayscale(1);-webkit-animation:none;-moz-animation:none;-o-animation:none;animation:none}
@-webkit-keyframes shake{0%,100%{-webkit-transform:rotate(0) scale(0.9);transform:rotate(0) scale(0.9)}
10%{-webkit-transform:rotate(2deg) scale(1);transform:rotate(2deg) scale(1)}
15%,25%,35%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}
20%,30%,40%{-webkit-transform:rotate(4deg);transform:rotate(4deg)}
45%{-webkit-transform:rotate(4deg);transform:rotate(4deg)}
50%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}
55%,90%{-webkit-transform:rotate(0);transform:rotate(0)}
}
@-moz-keyframes shake{0%,100%{-moz-transform:rotate(0) scale(0.9);transform:rotate(0) scale(0.9)}
10%{-moz-transform:rotate(2deg) scale(1);transform:rotate(2deg) scale(1)}
15%,25%,35%{-moz-transform:rotate(-4deg);transform:rotate(-4deg)}
20%,30%,40%{-moz-transform:rotate(4deg);transform:rotate(4deg)}
45%{-moz-transform:rotate(4deg);transform:rotate(4deg)}
50%{-moz-transform:rotate(2deg);transform:rotate(2deg)}
55%,90%{-moz-transform:rotate(0);transform:rotate(0)}
}
@-o-keyframes shake{0%,100%{-o-transform:rotate(0) scale(0.9);transform:rotate(0) scale(0.9)}
10%{-o-transform:rotate(2deg) scale(1);transform:rotate(2deg) scale(1)}
15%,25%,35%{-o-transform:rotate(-4deg);transform:rotate(-4deg)}
20%,30%,40%{-o-transform:rotate(4deg);transform:rotate(4deg)}
45%{-o-transform:rotate(4deg);transform:rotate(4deg)}
50%{-o-transform:rotate(2deg);transform:rotate(2deg)}
55%,90%{-o-transform:rotate(0);transform:rotate(0)}
}
@keyframes shake{
0%,100%{-webkit-transform:rotate(0) scale(0.9);-moz-transform:rotate(0) scale(0.9);-o-transform:rotate(0) scale(0.9);transform:rotate(0) scale(0.9)}
10%{-webkit-transform:rotate(2deg) scale(1);-moz-transform:rotate(2deg) scale(1);-o-transform:rotate(2deg) scale(1);transform:rotate(2deg) scale(1)}
15%,25%,35%{-webkit-transform:rotate(-4deg);-moz-transform:rotate(-4deg);-o-transform:rotate(-4deg);transform:rotate(-4deg)}
20%,30%,40%{-webkit-transform:rotate(4deg);-moz-transform:rotate(4deg);-o-transform:rotate(4deg);transform:rotate(4deg)}
45%{-webkit-transform:rotate(4deg);-moz-transform:rotate(4deg);-o-transform:rotate(4deg);transform:rotate(4deg)}
50%{-webkit-transform:rotate(2deg);-moz-transform:rotate(2deg);-o-transform:rotate(2deg);transform:rotate(2deg)}
55%,90%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
}