*{padding:0;box-sizing:border-box}*,body{margin:0}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}main{background:url(/static_pages/contract-gift-box/en/build/static/media/banner-pc.a2d6d6f9.png) no-repeat;background-size:100%;display:flex;flex-direction:column}.share{cursor:pointer;display:inline-block;position:absolute;right:.6rem;top:.4rem;color:#fff;text-decoration:underline;font-size:.12rem}@media screen and (max-width:1260px){.App main{min-width:1280px!important}.Mobile main{min-width:0!important;background:url(/static_pages/contract-gift-box/en/build/static/media/banner-app.f77af0a0.png) #eff2f5 no-repeat;background-size:contain}}@media screen and (min-width:1260px){html{font-size:90px!important}.Mobile main{background-size:cover}}@media screen and (min-width:1800px){html{font-size:100px!important}}.activity-main{color:#fff;width:100%;padding-top:1.1rem;flex-direction:column;align-items:center;align-self:center;position:relative}.color-red{color:#ee8787}.share{display:block}.activity-main h1{font-size:.87rem;font-family:PingFangSC-Medium,PingFang SC,serif;font-weight:500;color:#fff;line-height:1.22rem}.activity-main h1,.activity-main h3{cursor:pointer;margin:0 auto;text-align:center}.activity-main h3{position:absolute;font-size:.2rem;padding:0 20px;height:.59rem;line-height:.59rem;background:#004450;border:1px solid hsla(0,0%,100%,.19);top:40px}.activity-main .box-layout{height:4.3rem;align-items:center;justify-content:space-between}.box{width:9rem;height:5rem;background:url(/static_pages/contract-gift-box/en/build/static/media/box-en.2b853440.png) no-repeat;margin:0 .3rem;background-size:contain;align-self:flex-end}.box-open{-webkit-animation:box-open .2s steps(3) forwards;animation:box-open .2s steps(3) forwards}.box-shake{-webkit-animation:box-shake 1.2s linear;animation:box-shake 1.2s linear}.shadow{opacity:.57;-webkit-transform:scale(.85);transform:scale(.85);align-self:flex-start}.buttom-main{cursor:pointer;background:linear-gradient(-90deg,#ffe7a0,#ddb375 51%,#ba7f49);border-radius:.1rem;font-size:.24rem;line-height:.67rem;text-align:center;margin:33vw 0 .3rem}.buttom-main a{text-decoration:none;color:#fff;display:inline-block;padding:0 1.6rem}.mouse{cursor:pointer;margin:.2rem auto;text-align:center;justify-content:center}.flex{display:flex}.mouse-layout{width:.26rem;height:.48rem;border-radius:.09rem;border:1px solid hsla(0,0%,100%,.17);flex-direction:column;justify-content:space-evenly;align-items:center}.mouse-layout .group1{width:1px;height:.06rem;border:1px solid hsla(0,0%,100%,.21)}.mouse-layout .group2{font-size:.12rem;-webkit-transform:rotate(180deg);transform:rotate(180deg)}@-webkit-keyframes box-open{0%{background-position:-5rem}to{background-position:-88rem}}@keyframes box-open{0%{background-position:-5rem}to{background-position:-88rem}}@-webkit-keyframes box-shake{0%{-webkit-transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}to{-webkit-transform:scale(1) rotate(0)}}@keyframes box-shake{0%{-webkit-transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}to{-webkit-transform:scale(1) rotate(0)}}.Mobile .activity-main{padding-top:1rem}.Mobile .mouse{display:none}.Mobile .activity-main h1{font-size:.55rem}.Mobile .activity-main h3{font-size:.2rem;top:55px}.Mobile .box{width:7rem;height:4.5rem;margin:0}.Mobile .shadow{width:2.3rem;height:2.4rem;opacity:1;-webkit-transform:scale(1);transform:scale(1)}.Mobile .buttom-main{line-height:1rem;font-size:.4rem;border-radius:.18rem;margin:7.6rem 0 0}.Mobile .buttom-main a{padding:0 1rem}@media screen and (min-width:1660px){.activity-main h3{min-width:24vw;font-size:.2rem;line-height:.55rem;top:2vw}}@media screen and (max-width:1260px){.buttom-main{margin:8.8rem 0 .3rem}}@media screen and (max-width:640px){.Mobile .box{width:6rem;height:4rem}.Mobile .activity-main h1{font-size:.5rem}.Mobile .activity-main h3{font-size:.18rem;line-height:2;width:5.8rem;height:.4rem}.Mobile .buttom-main{margin:6rem 0 0}}.Rule{display:flex;justify-content:center}.Rule-layout{display:flex;margin-bottom:1rem}.rule-main{width:11.1rem;height:6.5rem;background:url(/static_pages/contract-gift-box/en/build/static/media/img4.7d4d2091.png) no-repeat;background-size:100% 100%;border-radius:.24rem}.rule-title{width:1.5rem;height:.64rem;font-size:.33rem;font-family:PingFangSC-Semibold,PingFang SC,serif;font-weight:600;color:#004450;line-height:.64rem;margin:0 auto;padding:.9rem 0 .42rem}.rule-list{margin:.46rem 0 0 1rem;display:flex;flex-direction:column;font-size:.18rem}.rule-item{display:flex;padding:.1rem 0}.rule-item .list-style{display:inline-block;width:.12rem;height:.12rem;background:#d45364;border-radius:.02rem;-webkit-transform:rotate(45deg);transform:rotate(45deg);margin-right:.12rem;margin-top:6px}.rule-item .item-text{width:90%;word-break:break-all}.people{display:inline-block}.position-left{height:3.85rem;width:4.4rem;background:url(/static_pages/contract-gift-box/en/build/static/media/rule-p-l.72fcfa95.png) no-repeat;background-size:contain;margin:-1.7rem -2.6rem 0 0}.position-right{width:4.33rem;height:4.31rem;background:url(/static_pages/contract-gift-box/en/build/static/media/rule-p-r.5aab3ce7.png) no-repeat;background-size:contain;margin:-2.8rem 0 0 -2.75rem}.zindex30{z-index:30}.zindex50{z-index:50}.zindex150{z-index:150}.Mobile .rule-main{width:7rem;background:url(/static_pages/contract-gift-box/en/build/static/media/rule-en.4652573f.png) no-repeat;box-shadow:0 20px 26px 0 hsla(0,0%,92.9%,.5);background-size:100% 100%;height:17rem;display:flex;flex-direction:column;align-items:center;margin-top:.3rem}.Mobile .rule-title{width:1.8rem;padding:.9rem 0 .5rem;font-size:.44rem;margin:0}.Mobile .rule-item{align-items:baseline;padding:0}.Mobile .rule-item .list-style{width:.2rem;height:.2rem;margin-right:.2rem;border-radius:25%}.Mobile .rule-list{margin:.3rem 0 0}.Mobile .rule-item .item-text{width:6.1rem;font-size:.28rem;line-height:.7rem}.Mobile .Rule-layout{display:flex;margin-bottom:.5rem}.Mobile .people{display:none}@media screen and (max-width:1260px){.rule-main{width:14.1rem;height:7.8rem}}@media screen and (max-width:640px){.rule-main{width:14.1rem}.Mobile .rule-main{width:6rem;height:14rem}.Mobile .rule-title{padding:.6rem 0 .42rem}.Mobile .rule-item .item-text{width:5rem;font-size:.2rem}.Mobile .rule-item .list-style{width:.15rem;height:.15rem}}
/*# sourceMappingURL=main.7597eaa4.chunk.css.map */