*{margin:0;padding:0;box-sizing:border-box}img{display:block}.shareIcons .j-wb,.shareIcons .j-wxq,.shareIcons .j-xx{display:none}.indexBox{background:linear-gradient(#a541ff 60%,#3fbbfe);min-height:26.92rem;width:100%;position:relative;z-index:0;overflow-x:hidden}.indexBox .topImg{width:100%;height:17.08rem;position:absolute;top:0;left:0;z-index:-1}.indexBox .zwww{height:5.546666rem}.indexBox .giftTask{width:9.266666rem;height:6.32rem;background:hsla(0,0%,100%,.3);border-radius:40px;margin:0 auto}.indexBox .giftTask .title1{display:flex;justify-content:center}.indexBox .giftTask .title1 img{width:8.053333rem;height:.8rem}.indexBox .giftTask .subtitle{width:100%;font-size:.493333rem;font-family:SourceHanSansCN;font-weight:700;color:#fff;opacity:1;line-height:.506666rem;text-align:center;padding-top:.48rem}.indexBox .giftTask .subtitle span{color:#ffe974}.indexBox .giftTask .taskArea .firsta{width:8.72rem;height:2.306666rem;margin:0 auto;margin-top:.4rem;position:relative}.indexBox .giftTask .taskArea .firsta .task1{height:100%;width:100%}.indexBox .giftTask .taskArea .firsta .hand{width:1.9333rem;height:1.8667rem;position:absolute;right:-1rem;top:1.2rem}.indexBox .giftTask .taskArea .firsta .joinBtn{width:2.213333rem;height:1.733333rem;position:absolute;right:0;bottom:0}.indexBox .giftTask .taskArea .btnBottom{padding-top:.4rem;display:flex;justify-content:center}.indexBox .giftTask .taskArea .btnBottom .secondB,.indexBox .giftTask .taskArea .btnBottom .thirdC{position:relative;width:4.506666rem;height:1.92rem}.indexBox .giftTask .taskArea .btnBottom .secondB .task2,.indexBox .giftTask .taskArea .btnBottom .secondB .task3,.indexBox .giftTask .taskArea .btnBottom .thirdC .task2,.indexBox .giftTask .taskArea .btnBottom .thirdC .task3{height:100%;width:100%}.indexBox .giftTask .taskArea .btnBottom .secondB .joinBtn,.indexBox .giftTask .taskArea .btnBottom .thirdC .joinBtn{width:2.213333rem;height:1.733333rem;position:absolute;right:0;bottom:0}.indexBox .giftPack{display:flex;justify-content:center;flex-direction:column;margin-top:-1.8rem}.indexBox .giftPack .libg{width:100%;position:absolute;height:15.56rem;z-index:-1}.indexBox .giftPack .buttonArea{width:3.773333rem;height:1.48rem;margin:0 auto;transform:translateY(5.5rem);position:relative}.indexBox .giftPack .buttonArea .lq{width:100%;height:100%}.indexBox .giftPack .buttonArea #clickAble{width:4.2933rem;height:1.8133rem;transform:translate(-.2rem,-.3rem)}.indexBox .giftPack .buttonArea .tip{width:1.466666rem;height:.6rem;position:absolute;top:-.21rem;right:-.1rem;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAAAtCAYAAABPl145AAAFd0lEQVR4nO3bb2xVZwHH8c+5Ley2hJaVTiuMzBUyXGOZuGWObeL+GHBlOxICL0jgOpcYTZa4qJlxi3+iotE3usSoYSZlO9sbDS7kOjLItmQap2xTyDIjpQwWdSALBFrajMIKxxfnclpKS+/lT2+F83313HOfc+6v/eV5zvPn9wRPPxCrlEJRHW7DQrTiGkzHlIofdmXxAfpwEHuxA9ui0LFKH1RbbsVCUQ734yEsRb7SH8sYlYFC0VZ04vkodKqcm4JyWlyhaCV+gBshjjm8h0O76N3HsSMMDnBq8ALkXwHkaqnNU3c1jbNpnk/TXIIgrbIT341CG8d71jmNKxS1YAM+B/3v0fU8e19hoPdC/4wMyDfSehfzlzG9Jb28BV+MQgfGum9M4wpFi/AcWo73sT3i7ZeIT15U3RklghrmfZZPruWqBnAAK6LQX0etP5pxhaL7sBH1+3fw6hNJd5hx6cnP4M6vMWsheB8ro9ALI+vlRl4oFH1KybTuLbz8/cy0iWSgJ/mfd28F9dhY8uQMzjCuUPRhbEL9rhfY9ivissY4GReT+BTbfsmupJ3VY1PJm5SRLa4TLfu38/r6iRGZMTavr2ffdtAi8SYlNa5QtAIdx/v48xNZS5sMxKeS8cXxPtBR8ggl40qT63Ww45mkn82YHAz0JJ6UWFfyKm1xy3Bj/3vsfrEK6jLOye4Xkzm0ZAHkfoaMexC6NmfztMlIfDLxpsQXIIjjOI/Dcaxu44PZ0H+ykp/BqqcJAsfQlMMi1B15JzNtMjPQw5F3QB0W5bAADnZVUVVGWQzzaEEO8+Do/mrJySiXo/vS4rwcmshW+/8fGDiaFptymEayn5YxuRk8nhYbcuiHKXXVkpNRLlOnpcXenCT/oK6pWnIyymVac1rcl8NuaJhVLTkZ5TJzXlp8M4ft8KG2asnJKIeaKbQsADFezeEN9DZee0bmIWOSMee2dBzy9yj0r1wUOinZPNV6dzWlZYxJQNvn009PMrTI3AnzO6i9auJ1ZZyb6xfTfAOSANGzlIyLQn/CX/KNtC2vmr6MUcjP4JaH0o/fOp16Hh5deAxx+6pshDlZyNWy+NEkQIuXEKXfnS6UWt2Gmqks/mbWZVabIOD2r9LSjqSLXBuF0izlyLDQI+hqauXTj5KrmTihGUPkarnzG0nCGb1YPjLVfIZxUagfD+DgnFu5+9tJ1j1j4qifydIfJwMSHMZ9Uei1kfXOCsRGobexBAdm38yyn3H1Ry+x2gyCJIIe/oJrPoZkReszFUXQoVDUKpnftZ8aZGeRf/w+jYplXCSCgNk384k1NLWml3+LL0ehMTfbxjutk8dP8TBqBgfY8zJ7/8ih7ix7eSE0zuG625NFj2Gj+D34ehQqjnd/uefjFuKH6EAAJ/oT847u51jP5ZkOO/E+3VtQwaHd6+4YfekwqEmOVDXMYubcZH42jC78HE9FoRPl/E5Zxp2mUPRxrMUKpcjD5U73FvG2XwvKMW/uPeI7HhEIxq+L/2AzfodXhg/1y6Ei44ZTKLoWt+B6Sfzhcjv/PQVfQf3OP4jf+M257ZhzK3c9TpAM9zqV9jmHMYhDku7wzSj07wsRd97GXQkUipaiiKn/3CT+W+fo5jXfwJIfpYsWP4lCj11qbWdNBzKGiEJbJa+FE23LBQvXnt2dNcwS3/Od1LT1eHwitGXGjUMU2ozV+KB9leCm1UPf1TezZJ0g34ikZT5c6bvqfMmMK4Mo9BzW4ORNq2lfydR67v1eYh5ew+rS3uaEkL3jKqBQtAZPoabvv0z/CHgL90bhWYORS0rW4iogCj2LLyEumfYuOibaNDLjKiYKbZBME3okpr1bDR2ZcedBFHoSbVHorWpp+B9nNY+q2F/31wAAAABJRU5ErkJggg==) no-repeat 0 0;background-size:100% 100%;font-size:.293333rem;font-family:SourceHanSansCN;font-weight:500;color:#fff;text-align:center}.indexBox .rightBtn{position:absolute;right:0;top:4.293333rem;width:1.493333rem;height:1.5rem;display:flex;justify-content:space-between;flex-direction:column;z-index:11}.indexBox .rightBtn div{width:1.493333rem;height:.586666rem;background:rgba(0,0,0,.24);border-radius:.293333rem 0 0 .293333rem;font-size:.293333rem;font-family:SourceHanSansCN;font-weight:500;color:#fff;line-height:.586666rem}.indexBox .rightBtn div,.indexBox .spikArea{display:flex;align-items:center;justify-content:center}.indexBox .spikArea{flex-direction:column;margin-top:8.5rem;position:relative}.indexBox .spikArea .msArea{position:absolute;width:100%;height:8.75rem;z-index:-2}.indexBox .spikArea .title2{width:3.013333rem;height:.76rem}.indexBox .spikArea .spikProduct{width:8.906666rem;height:5rem}.indexBox .spikArea .spikProduct .selsec{display:flex;justify-content:center;align-items:center;position:relative;margin-top:1.6rem;z-index:1}.indexBox .spikArea .spikProduct .selsec img{width:3.986666rem;height:4.44rem}.indexBox .spikArea .spikProduct .selsec .btn{position:absolute;bottom:.75rem;z-index:4}.indexBox .spikArea .spikProduct .selsec .btn img{width:2.44rem;height:1.093333rem;margin:0 .6rem;float:left;margin-left:.8rem;z-index:4}.indexBox .spikArea .spikProduct .selsec .btn .te{transform:translateX(.2rem)}.indexBox .spikArea .spikProduct .selsec .btn .tee{transform:translateX(.3rem)}.indexBox .spikArea .spikProduct .selsec .btn .img{background:url(../../public/img/noTextBtn.34bd9d21.png) 0 0 no-repeat;background-size:100% 100%;width:2.44rem;height:1.093333rem;line-height:1rem;margin:0 .6rem;float:left;font-size:.5067rem;font-family:YouSheBiaoTiHei;font-weight:600;color:#ff624d;text-align:center}.indexBox .spikArea .spikProduct .selsec .btn .img span{opacity:.6;margin-right:.133333rem}.indexBox .zww{height:.3rem;width:100%}.indexBox .copyRight{text-align:center;height:.693333rem;font-size:.346666rem;font-family:PingFang;font-weight:500;color:#fff;line-height:.693333rem;width:100%}.indexBox .mask{position:fixed;height:100%;width:100%;top:0;left:0;background:rgba(0,0,0,.4);z-index:13;display:flex;justify-content:center;align-items:center;flex-direction:column}.indexBox .mask .firstType,.indexBox .mask .secondType{width:8.933333rem;height:13.52rem;background:#fff;box-shadow:.04rem .04rem .4rem 0 rgba(177,130,255,.4);border-radius:.4rem}.indexBox .mask .firstType .title,.indexBox .mask .secondType .title{background:url(../../public/img/titletop1.28ccd50c.png) 50% no-repeat;background-size:3.893333rem 1.253333rem;height:1.253333rem;line-height:1rem;font-size:.453333rem;font-family:SourceHanSansCN;font-weight:700;color:#fff;text-shadow:0 .026666rem .053333rem rgba(172,74,47,.39);text-align:center;margin-top:-.28rem}.indexBox .mask .firstType .content,.indexBox .mask .secondType .content{font-size:.346666rem;font-family:AlibabaPuHuiTiB;font-weight:400;color:#181818;padding:.2rem .533333rem;overflow:auto;height:92%}.indexBox .mask .firstType .content p,.indexBox .mask .secondType .content p{margin:.266666rem 0}.indexBox .mask .firstType .content img,.indexBox .mask .secondType .content img{width:7.866666rem;margin:.48rem 0}.indexBox .mask .firstType .content .blod,.indexBox .mask .secondType .content .blod{font-weight:700}.indexBox .mask .firstType .x,.indexBox .mask .secondType .x{width:1.413333rem;height:1.413333rem;margin:0 auto;margin-top:.4rem}.indexBox .mask .secondType{height:7.866666rem;position:relative}.indexBox .mask .secondType .content1{margin:0 auto;overflow:auto;height:80%}.indexBox .mask .secondType .content1 table{font-size:.346666rem;margin:0 auto;border-collapse:separate;border-spacing:0;border-radius:.213333rem;border:1px solid #a6a6a6}.indexBox .mask .secondType .content1 table tr td,.indexBox .mask .secondType .content1 table tr th{text-align:center;height:.8rem;border-left:1px solid #a6a6a6}.indexBox .mask .secondType .content1 table tr td{border-top:1px solid #a6a6a6}.indexBox .mask .secondType .content1 table tr .sds{width:2.706666rem}.indexBox .mask .secondType .content1 table tr .bln{border-left:none}.indexBox .mask .secondType .content1 table tr .w244{width:2.44rem}.indexBox .mask .secondType .content1 .noPrize{display:flex;justify-content:center;align-items:center;flex-direction:column}.indexBox .mask .secondType .content1 .noPrize img{width:4.426666rem;height:2.693333rem;margin:.746666rem 0 .573333rem 0}.indexBox .mask .secondType .content1 .noPrize p{font-size:.36rem;font-family:AlibabaPuHuiTiR;font-weight:400;color:#979899}.indexBox .mask .secondType .x{position:absolute;bottom:-2rem;left:3.933333rem}.indexBox .mask .thirdType{width:8.08rem;height:8.906666rem;background:#fff;background:url(../../public/img/popupBg.1a0cd7f3.png) 0 0 no-repeat;background-size:100% 100%;position:relative;z-index:-2}.indexBox .mask .thirdType .gxhd{width:9.52rem;height:4.92rem;position:absolute;top:-.7rem;right:-.7rem;z-index:0}.indexBox .mask .thirdType .title1{height:.506666rem;font-size:.4rem;font-family:PingFang;font-weight:700;color:#080808;line-height:.506666rem;text-align:center;margin-top:1.2rem;z-index:1}.indexBox .mask .thirdType .content{text-align:center;font-size:.4667rem;font-family:PingFang;font-weight:600;color:#9645fb;margin:.493333rem auto;width:5.853333rem;height:1rem}.indexBox .mask .thirdType .zw{width:6.733333rem;border-bottom:.026666rem dashed #8b39f1;opacity:.5;margin:0 auto;z-index:-1;position:relative}.indexBox .mask .thirdType .content1{font-size:.32rem;font-family:PingFang;font-weight:500;color:#080808;margin:.4rem 0 .5rem 0}.indexBox .mask .thirdType .content1 p{line-height:.506666rem;text-align:left;margin:0 .6rem}.indexBox .mask .thirdType .btnArea{display:flex;text-align:center;align-items:center}.indexBox .mask .thirdType .btnArea .fbtn{width:2.9467rem;height:.9733rem;border:.026666rem solid #d03dff;border-radius:.493333rem;font-size:.386666rem;font-family:SourceHanSansCN;font-weight:500;color:#cf3cff;line-height:.973333rem;margin:0 .266666rem 0 .4rem}.indexBox .mask .thirdType .btnArea .sbtn{width:3.8533rem;height:1.0667rem;background:linear-gradient(180deg,#f194fe,#ad5cff);box-shadow:0 0 .1333rem 0 rgba(151,67,253,.4);border-radius:.5333rem;font-size:.386666rem;font-family:SourceHanSansCN;font-weight:700;color:#fff;line-height:1.0667rem}.indexBox .mask .forthType{width:8.08rem;height:5.706666rem;background:url(../../public/img/popupBg.1a0cd7f3.png) 0 0 no-repeat;background-size:100% 100%;display:flex;align-items:center;justify-content:center}.indexBox .mask .forthType .content1{font-size:.426666rem;font-family:PingFang;font-weight:700;color:#080808;line-height:.506666rem;text-align:center}.indexBox .mask .forthType .btn{width:6.96rem;height:1.066666rem;background:linear-gradient(0deg,#ffd583,#fff2ce);box-shadow:0 .093333rem .426666rem 0 rgba(192,54,23,.26);border-radius:.533333rem;font-size:.453333rem;font-family:SourceHanSansCN;font-weight:700;color:#f13e10;line-height:1.066666rem;text-align:center;margin:0 auto;margin-top:1.706666rem}.indexBox .mask .fiveType{width:8.08rem;height:6.106666rem;background:url(../../public/img/popupBg.1a0cd7f3.png) 0 0 no-repeat;background-size:100% 100%;border-radius:.426666rem;position:relative;z-index:-2;display:flex;justify-content:center;align-items:center;flex-direction:column}.indexBox .mask .fiveType .ts{width:6.5333rem;height:1.36rem;position:absolute;top:-.9rem;left:.8rem;z-index:-1}.indexBox .mask .fiveType .content2{width:5.306666rem;font-size:.4rem;font-family:PingFang;font-weight:700;color:#080808;line-height:.666666rem;margin:1.2rem 0 .8rem 0;text-align:center}.indexBox .mask .fiveType .btn{width:6.3467rem;height:1.0667rem;background:linear-gradient(180deg,#f194fe,#cf3cff);box-shadow:0 0 10px 0 rgba(151,67,253,.4);border-radius:.5333rem;font-size:.4267rem;font-family:SourceHanSansCN;font-weight:700;color:#fff;line-height:1.06667rem;text-align:center;margin:0 auto}.indexBox .mask .inviteType{width:8.9333rem;height:6.64rem;background:#fff;box-shadow:.04rem .04rem .4rem 0 rgba(177,130,255,.4);border-radius:.4rem;position:relative;margin-top:30%;z-index:-2;display:flex;justify-content:center;align-items:center;flex-direction:column}.indexBox .mask .inviteType .title{width:100%;background:url(../../public/img/titletop1.28ccd50c.png) 50% no-repeat;background-size:3.893333rem 1.253333rem;height:1.253333rem;line-height:1rem;font-size:.453333rem;font-family:SourceHanSansCN;font-weight:700;color:#fff;text-shadow:0 .026666rem .053333rem rgba(172,74,47,.39);text-align:center;margin-top:-1.15rem}.indexBox .mask .inviteType .team{padding:1rem;display:flex;width:100%;justify-content:space-between}.indexBox .mask .inviteType .team .my{position:relative;width:1.733333rem;height:1.733333rem}.indexBox .mask .inviteType .team .my img{width:100%}.indexBox .mask .inviteType .team .my p{min-width:2.08rem;padding:0 .08rem;height:.48rem;border:.04rem solid #fffaf0;background:linear-gradient(180deg,#0dccff,#4760ff);border-radius:.186666rem;font-size:.253333rem;font-family:PingFang;font-weight:500;color:#fff;line-height:.4rem;text-align:center;position:absolute;bottom:0;right:-.15rem}.indexBox .mask .inviteType .team .unGroup{width:1.733333rem;height:1.733333rem}.indexBox .mask .inviteType .btn{width:3.8rem;height:1.0533rem;line-height:1.0533rem;background:linear-gradient(180deg,#f194fe,#ad5cff);box-shadow:0 0 .1333rem 0 rgba(151,67,253,.4);border-radius:.6267rem;font-size:.5067rem;font-family:AlibabaPuHuiTiM;font-weight:400;color:#fff;text-align:center;margin:0 auto}.indexBox .mask .xx{width:1.413333rem;height:1.413333rem;margin:0 auto;margin-top:.4rem}