html body{background:#3b3b3b;width:100%;min-width:1200px}.loading{width:100%;height:100%;position:fixed;top:0;left:0;background:#000;z-index:20;font-size:18px;color:#cfd1cc;z-index:101}.loading .box{width:100%;height:1px;background:#414141;margin:0 auto;position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:0}.loading .box span{height:1px;background:#c4c4c4;position:relative;top:0;left:0;display:block}.loading .box p{font-size:16px;line-height:30px;color:silver;text-align:center}.wraper{width:100%;min-width:1200px;height:100%;position:relative;overflow:hidden;margin-top:40px}.wraper .bg{width:1920px;position:absolute;left:50%;margin-left:-960px;top:0;background:url(../images/bg.jpg) no-repeat center top;height:5000px;z-index:0}.wraper .section{position:relative;z-index:2;height:5000px}.wraper .section .main{width:1200px;margin-left:auto;margin-right:auto;position:relative;z-index:2;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:0px}.wraper .section .main .logo{position:absolute;width:112px;height:106px;top:20px;left:20px;text-indent:-999em;background:url(../images/sprite.png) no-repeat 0 0px;z-index:3}.wraper .section .main .hCon{height:1003px;margin-bottom:0px;width:1920px;left:calc(50% - 960px);overflow:hidden}.wraper .section .main .hCon .slogan{background:url(../images/slogan.png) no-repeat;width:726px;height:542px;top:31px;left:586px}.wraper .section .main .con{-webkit-box-sizing:border-box;box-sizing:border-box}.wraper .section .main .con.con1{background:url(../images/con1.png) no-repeat 74px 0px;height:1872px;margin:0 auto;padding-top:142px}.wraper .section .main .con.con1 .lgCon{width:586px;height:60px;top:50px;left:calc(50% - 290px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.wraper .section .main .con.con1 .lgCon .w_btn{text-indent:-999em;background:url(../images/d.png) no-repeat;width:166px;height:81px}.wraper .section .main .con.con1 .lgCon .eliminate{color:#fff;font-size:24px;width:586px;height:60px;line-height:60px;background:url(../images/l.png) no-repeat;text-align:center}.wraper .section .main .con.con1 .lgCon .eliminate a{color:#fff;text-decoration:underline}.wraper .section .main .con.con1 .ruleBtn{font-size:30px;color:#1d3249;text-decoration:underline;top:154px;left:970px;font-weight:bold;z-index:3}.wraper .section .main .con.con1 .taskCon{width:1214px;height:386px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;left:-20px}.wraper .section .main .con.con1 .taskCon .task-li{background:url(../images/task.png) no-repeat;-webkit-box-sizing:border-box;box-sizing:border-box;padding:74px 0px 90px 236px;width:609px;height:321px}.wraper .section .main .con.con1 .taskCon .task-li:nth-child(1)::before{display:block;content:"";width:84px;height:145px;position:absolute;pointer-events:none;background:url(../images/mb.png) no-repeat;top:94px;left:110px}.wraper .section .main .con.con1 .taskCon .task-li:nth-child(2){margin-top:64px}.wraper .section .main .con.con1 .taskCon .task-li:nth-child(2)::before{display:block;content:"";width:129px;height:154px;position:absolute;pointer-events:none;background:url(../images/mf.png) no-repeat;top:80px;left:90px}.wraper .section .main .con.con1 .taskCon .task-li:nth-child(2) li:nth-child(3) p{color:#434343;font-size:20px}.wraper .section .main .con.con1 .taskCon .task-li ul{width:310px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}.wraper .section .main .con.con1 .taskCon .task-li ul li{width:100%;height:48px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.wraper .section .main .con.con1 .taskCon .task-li ul li p{height:100%;font-size:24px;color:#000;font-weight:bold;line-height:48px;position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1}.wraper .section .main .con.con1 .taskCon .task-li ul li p .shareBtn{display:block;background:#747474;width:68px;height:40px;right:10px;top:4px;line-height:40px;text-align:center;color:#fff;border-radius:5px}.wraper .section .main .con.con1 .taskCon .task-li ul li p .receiveBtn{display:block;background:#747474;width:68px;height:40px;right:10px;top:4px;line-height:40px;text-align:center;color:#fff;border-radius:5px}.wraper .section .main .con.con1 .taskCon .task-li ul li span{display:block;width:38px;height:38px;-webkit-box-sizing:border-box;box-sizing:border-box;border:3px solid #565656;border-radius:38px;background:#fff;position:relative}.wraper .section .main .con.con1 .taskCon .task-li ul li span::after{display:block;content:"";width:39px;height:34px;position:absolute;pointer-events:none;background:url(../images/sprite.png) no-repeat -115px 0px;top:-6px;left:3px;display:none}.wraper .section .main .con.con1 .taskCon .task-li ul li.on span::after{display:block}.wraper .section .main .con.con1 .glassCon{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:8px 0px 0px 173px;-ms-flex-line-pack:justify;align-content:space-between;height:1246px;width:864px}.wraper .section .main .con.con1 .glassCon .glassLi{width:274px;height:396px;overflow:hidden}.wraper .section .main .con.con1 .glassCon .glassLi::before{display:block;content:"";width:100%;height:100%;position:absolute;pointer-events:none;background:url(../images/bq.png) no-repeat;display:none}.wraper .section .main .con.con1 .glassCon .glassLi.active::before{display:block}.wraper .section .main .con.con1 .glassCon .glassLi.erased .canvas1,.wraper .section .main .con.con1 .glassCon .glassLi.erased .canvas2{display:none !important}.wraper .section .main .con.con1 .glassCon .glassLi:nth-child(1),.wraper .section .main .con.con1 .glassCon .glassLi:nth-child(4),.wraper .section .main .con.con1 .glassCon .glassLi:nth-child(7){margin-right:24px;width:270px}.wraper .section .main .con.con1 .glassCon .glassLi:nth-child(2),.wraper .section .main .con.con1 .glassCon .glassLi:nth-child(5),.wraper .section .main .con.con1 .glassCon .glassLi:nth-child(8){margin-right:28px;width:272px}.wraper .section .main .con.con1 .glassCon .glassLi:nth-child(3),.wraper .section .main .con.con1 .glassCon .glassLi:nth-child(6),.wraper .section .main .con.con1 .glassCon .glassLi:nth-child(9){width:268px}.wraper .section .main .con.con1 .glassCon .glassLi:nth-child(4),.wraper .section .main .con.con1 .glassCon .glassLi:nth-child(5),.wraper .section .main .con.con1 .glassCon .glassLi:nth-child(6){height:396px}.wraper .section .main .con.con1 .glassCon .glassLi:nth-child(7),.wraper .section .main .con.con1 .glassCon .glassLi:nth-child(8),.wraper .section .main .con.con1 .glassCon .glassLi:nth-child(9){height:401px}.wraper .section .main .con.con1 .glassCon .glassLi canvas{position:absolute;left:0;top:0;width:100%;height:100%;cursor:pointer;display:block}.wraper .section .main .con.con1 .glassCon .glassLi .canvas2{display:none}.wraper .section .main .con.con1 .rCon{background:url(../images/rCbg.png) no-repeat;width:214px;height:731px;-webkit-box-sizing:border-box;box-sizing:border-box;top:620px;right:-136px;padding:64px 0px 0px 0px}.wraper .section .main .con.con1 .rCon a{display:block;width:100%;height:210px;text-align:center;font-size:24px;font-weight:bold;color:#fff;position:relative;padding-top:20px;-webkit-box-sizing:border-box;box-sizing:border-box}.wraper .section .main .con.con1 .rCon a i{margin-right:5px}.wraper .section .main .con.con1 .rCon a::before{background:url(../images/sprite.png) no-repeat;background-position-y:-116px;position:relative !important;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.wraper .section .main .con.con1 .rCon a:nth-child(1){height:156px}.wraper .section .main .con.con1 .rCon a:nth-child(1) i{display:inline-block;width:50px;height:40px;line-height:40px;text-align:center;background:#e02f2f;border-radius:10px;position:absolute;top:90px;left:120px}.wraper .section .main .con.con1 .rCon a:nth-child(1)::before{background-position-x:0px;display:block;content:"";width:92px;height:94px;position:absolute;pointer-events:none}.wraper .section .main .con.con1 .rCon a:nth-child(2) i{color:#fdf164}.wraper .section .main .con.con1 .rCon a:nth-child(2)::before{background-position-x:-92px;display:block;content:"";width:101px;height:94px;position:absolute;pointer-events:none}.wraper .section .main .con.con1 .rCon a:nth-child(3) i{color:#ffccfd}.wraper .section .main .con.con1 .rCon a:nth-child(3)::before{background-position-x:-193px;display:block;content:"";width:85px;height:102px;position:absolute;pointer-events:none}.wraper .section .main .con.con2{background:url(../images/con2.png) no-repeat;width:1640px;height:1543px;left:calc(50% - 820px);margin-top:18px}.wraper .section .main .con.con2 .v{width:324px;height:241px;overflow:hidden;top:869px;left:984px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.wraper .section .main .con.con2 .v video{-o-object-fit:cover;object-fit:cover;border-radius:50px}.wraper .section .main .con.con2 .v::after{display:block;content:"";width:100%;height:100%;position:absolute;pointer-events:none;background:url(../images/con2-0.png) no-repeat;top:0;left:0}.wraper .section .main .con.con2 .lq-btn{display:block;width:263px;height:88px;background:url(../images/sprite.png) no-repeat 0px -230px;top:1266px;-webkit-filter:grayscale(1);filter:grayscale(1)}.wraper .section .main .con.con2 .lq-btn.on{-webkit-filter:grayscale(0);filter:grayscale(0)}.wraper .section .main .con.con2 .lq-btn:nth-child(1){left:408px}.wraper .section .main .con.con2 .lq-btn:nth-child(2){left:1016px}.wraper .section .main .con.con2 .giftPack{width:1200px;display:-webkit-box;display:-ms-flexbox;display:flex;left:calc(50% - 576px);top:776px}.wraper .section .main .con.con2 .giftPack p{width:600px;height:60px;line-height:60px;text-align:center;color:#fff;font-size:34px;font-weight:bold;background-image:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(#7b7e8f), to(transparent));background-image:linear-gradient(to right, transparent, #7b7e8f, transparent)}.wraper .section .main .con.con2 .giftPack p:nth-child(1) i{color:#fdf164;padding:0px 5px}.wraper .section .main .con.con2 .giftPack p:nth-child(2) i{color:#ffccfd;padding:0px 5px}.wraper .section .main .con.con3{background:url(../images/con3.png) no-repeat;width:1360px;height:399px;left:calc(50% - 680px);margin-top:34px}.wraper .section .main .con.con3 .myReward{display:block;width:280px;height:94px;left:calc(50% - 136px);top:0px}.pop{position:relative;display:none;-webkit-box-sizing:border-box;box-sizing:border-box;width:505px;height:292px;background:#e9faff;border-radius:30px;overflow:hidden}.pop .close{position:absolute;top:11px;right:15px;display:block;width:41px;height:41px;background:url(../images/sprite.png) no-repeat 0px -337px}.pop .u-ok{width:100px;height:44px;background:#8080e5;font-size:24px;color:#fff;font-weight:bold;display:block;margin-top:10px;position:relative;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);text-align:center;line-height:44px;border-radius:10px}.pop .m-layer{position:relative;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.pop .m-layer h3{height:64px;width:100%;background-image:-webkit-gradient(linear, left top, left bottom, from(#666e9d), to(#939bc9));background-image:linear-gradient(#666e9d, #939bc9);text-align:center;line-height:64px;font-size:30px;color:#fff;font-weight:bold}.pop .m-layer p{font-size:20px;color:#2f210c;font-weight:bold;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;width:100%;min-height:140px}.pop .m-layer p span{display:contents;color:#d6a742}.pop#layer0{width:800px;height:auto}.pop#layer0 .m-layer{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}.pop#layer0 .m-layer ul{padding:20px 32px 10px 32px;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}.pop#layer0 .m-layer ul li{font-size:17px;color:#160901;font-weight:bold;margin:0px 0px 18px 0px;line-height:24px}.pop#layer1{width:720px;height:294px}.pop#layer1 .m-layer ul{width:460px;height:140px;margin:0 auto;height:230px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.pop#layer1 .m-layer ul li{width:100%;height:70px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.pop#layer1 .m-layer ul li i{display:inline-block;width:66px;font-style:normal;font-size:24px;color:#2f210c;font-weight:bold}.pop#layer1 .m-layer ul li:nth-child(1) .code{width:274px;height:46px;background:#585e83;border-radius:8px;border:2px solid #d1c5ba;font-size:18px;color:#fff;line-height:46px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding-right:16px}.pop#layer1 .m-layer ul li:nth-child(1) a{width:100px;height:44px;background:#8080e5;font-size:24px;color:#fff;font-weight:bold;display:block;text-align:center;line-height:44px;border-radius:10px}.pop#layer1 .m-layer ul li:nth-child(2) .iCon{width:274px;height:46px;background:#585e83;border-radius:8px;border:2px solid #d1c5ba;-webkit-box-sizing:border-box;box-sizing:border-box;padding-right:16px}.pop#layer1 .m-layer ul li:nth-child(2) .iCon input{width:100%;height:100%;background:none;outline:none;border:none;font-size:18px;color:#fff;line-height:46px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0px 5px;text-align:center}.pop#layer1 .m-layer ul li:nth-child(2) input::-webkit-input-placeholder{color:#fff}.pop#layer1 .m-layer ul li:nth-child(2) input::-moz-placeholder{color:#fff}.pop#layer1 .m-layer ul li:nth-child(2) input:-ms-input-placeholder{color:#fff}.pop#layer1 .m-layer ul li:nth-child(2) input::-ms-input-placeholder{color:#fff}.pop#layer1 .m-layer ul li:nth-child(2) textarea::-webkit-input-placeholder{color:#fff}.pop#layer1 .m-layer ul li:nth-child(2) textarea::-moz-placeholder{color:#fff}.pop#layer1 .m-layer ul li:nth-child(2) textarea:-ms-input-placeholder{color:#fff}.pop#layer1 .m-layer ul li:nth-child(2) textarea::-ms-input-placeholder{color:#fff}.pop#layer1 .m-layer ul li:nth-child(2) a{width:100px;height:44px;background:#8080e5;font-size:24px;color:#fff;font-weight:bold;display:block;text-align:center;line-height:44px;border-radius:10px;margin-top:0;left:0;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.pop#layer2,.pop#layer4{width:720px;height:476px}.pop#layer2 .m-layer ol,.pop#layer4 .m-layer ol{width:650px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;background:#9fa9b8;height:34px;border-radius:34px;margin:20px auto 0 auto}.pop#layer2 .m-layer ol li,.pop#layer4 .m-layer ol li{text-align:center;line-height:34px;height:34px;font-size:24px;color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;font-weight:bold}.pop#layer2 .m-layer ol li:nth-child(1),.pop#layer4 .m-layer ol li:nth-child(1){width:150px}.pop#layer2 .m-layer ol li:nth-child(2),.pop#layer4 .m-layer ol li:nth-child(2){width:500px}.pop#layer2 .m-layer .sclbr,.pop#layer4 .m-layer .sclbr{width:690px;left:28px;height:250px;overflow-x:hidden}.pop#layer2 .m-layer .sclbr ul,.pop#layer4 .m-layer .sclbr ul{width:650px;padding:0px 2px 0px 2px;-webkit-box-sizing:border-box;box-sizing:border-box}.pop#layer2 .m-layer .sclbr ul li,.pop#layer4 .m-layer .sclbr ul li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-top:none;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:2px solid #c5d1f9;line-height:50px;height:50px}.pop#layer2 .m-layer .sclbr ul li span,.pop#layer4 .m-layer .sclbr ul li span{text-align:center;font-size:16px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 4px}.pop#layer2 .m-layer .sclbr ul li span:nth-child(1),.pop#layer4 .m-layer .sclbr ul li span:nth-child(1){width:150px;color:dimgray}.pop#layer2 .m-layer .sclbr ul li span:nth-child(2),.pop#layer4 .m-layer .sclbr ul li span:nth-child(2){width:500px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d6a742}.pop#layer2 .m-layer .sclbr ul li div,.pop#layer4 .m-layer .sclbr ul li div{text-align:center;font-size:16px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 4px}.pop#layer2 .m-layer .sclbr ul li div:nth-child(1),.pop#layer4 .m-layer .sclbr ul li div:nth-child(1){width:150px;color:dimgray}.pop#layer2 .m-layer .sclbr ul li div:nth-child(2),.pop#layer4 .m-layer .sclbr ul li div:nth-child(2){width:500px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#000}.pop#layer2 .m-layer .sclbr ul li div:nth-child(2) i,.pop#layer4 .m-layer .sclbr ul li div:nth-child(2) i{color:#d6a742;font-style:normal;padding:0px 5px}.pop#layer2 .m-layer .sclbr ul li .wu,.pop#layer4 .m-layer .sclbr ul li .wu{width:100% !important}.pop#layer2 .m-layer .u-ok,.pop#layer4 .m-layer .u-ok{width:218px;margin-top:34px}.pop#layer2 .sclbr::scrollbar,.pop#layer4 .sclbr::scrollbar{width:16px}.pop#layer2 .sclbr::scrollbar-track,.pop#layer4 .sclbr::scrollbar-track{background-color:#e9faff;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0}.pop#layer2 .sclbr::scrollbar-thumb,.pop#layer4 .sclbr::scrollbar-thumb{background-color:#9097c6;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0}.pop#layer2 .sclbr::scrollbar-button,.pop#layer4 .sclbr::scrollbar-button{background-color:#41700f;display:none}.pop#layer2 .sclbr::-webkit-scrollbar,.pop#layer4 .sclbr::-webkit-scrollbar{width:16px}.pop#layer2 .sclbr::-webkit-scrollbar-track,.pop#layer4 .sclbr::-webkit-scrollbar-track{background-color:#e9faff;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0}.pop#layer2 .sclbr::-webkit-scrollbar-thumb,.pop#layer4 .sclbr::-webkit-scrollbar-thumb{background-color:#9097c6;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0}.pop#layer2 .sclbr::-webkit-scrollbar-button,.pop#layer4 .sclbr::-webkit-scrollbar-button{background-color:#41700f;display:none}.pop#layer2 .sclbr::-moz-scrollbar,.pop#layer4 .sclbr::-moz-scrollbar{width:16px}.pop#layer2 .sclbr::-moz-scrollbar-track,.pop#layer4 .sclbr::-moz-scrollbar-track{background-color:#e9faff;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0}.pop#layer2 .sclbr::-moz-scrollbar-thumb,.pop#layer4 .sclbr::-moz-scrollbar-thumb{background-color:#9097c6;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0}.pop#layer2 .sclbr::-moz-scrollbar-button,.pop#layer4 .sclbr::-moz-scrollbar-button{background-color:#41700f;display:none}.pop#layer4{height:400px}.pop#layer4 ol{background:none !important}.pop#layer4 ol li{color:#646b9b !important}.pop#layer5 .launch{margin:40px auto;height:50px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;background:#585e83;border-radius:8px;border:2px solid #d1c5ba;width:270px}.pop#layer5 .launch input{width:100%;height:100%;background:none;outline:none;border:none;font-size:18px;color:#fff;line-height:46px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0px 5px;text-align:center}.pop#layer5 input::-webkit-input-placeholder{color:#fff}.pop#layer5 input::-moz-placeholder{color:#fff}.pop#layer5 input:-ms-input-placeholder{color:#fff}.pop#layer5 input::-ms-input-placeholder{color:#fff}.pop#layer5 textarea::-webkit-input-placeholder{color:#fff}.pop#layer5 textarea::-moz-placeholder{color:#fff}.pop#layer5 textarea:-ms-input-placeholder{color:#fff}.pop#layer5 textarea::-ms-input-placeholder{color:#fff}/*# sourceMappingURL=style.css.map */