b,body,button,dd,div,dl,dt,h1,h2,h3,h4,h5,h6,html,i,img,li,ol,p,span,ul{margin:0;padding:0;list-style:none;border:0;outline:0}html{font-size:500px}body,html{height:100%}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;position:relative;width:100%;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;-webkit-tap-highlight-color:transparent}a{text-decoration:none}.hide{display:none}.hidden{display:none!important}.invisible{visibility:hidden}.rtl{direction:rtl}.clearfix:after,.clearfix:before{display:table;content:" "}.clearfix:after{clear:both}*{-webkit-box-sizing:border-box;box-sizing:border-box}body,html{background-color:transparent}body{font-size:16px;line-height:1.4;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.broccoli_cmp_app{width:100%}::-webkit-scrollbar{display:none}.page-home{position:relative;min-height:100vh;-webkit-box-sizing:border-box;box-sizing:border-box}.page-home,.top-bg-img{background-size:100% 100%;background-repeat:no-repeat;background-position:50%}.top-bg-img{position:absolute;top:0;left:0}.basic-content{position:relative;height:auto;background-size:100% auto;background-repeat:no-repeat;background-position-x:center}.back-wrapper{position:fixed;z-index:99}.back-wrapper .back-btn{width:100%;height:100%}.btn-wrapper{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-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;background-size:100% 100%;background-repeat:no-repeat;background-position:50%}.btn-wrapper .basic-btn{position:relative;z-index:9}.btn-wrapper .btn-light{position:absolute;left:50%;display:none;-webkit-transform:translate(-50%);transform:translate(-50%)}.btn-wrapper .btn-light.show{display:block}.btn-wrapper .btn-light1{top:6.133333333333334vw;width:37.6vw;height:37.6vw}.btn-wrapper .btn-light1.show{-webkit-animation:btn1Bg 1.2s infinite both;animation:btn1Bg 1.2s infinite both}.btn-wrapper .btn-light2{top:4.533333333333333vw;width:40.8vw;height:40.8vw}.btn-wrapper .btn-light2.show{-webkit-animation:btn2Bg 1.2s infinite both;animation:btn2Bg 1.2s infinite both}@-webkit-keyframes btn1Bg{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes btn1Bg{0%{opacity:0}50%{opacity:1}to{opacity:0}}@-webkit-keyframes btn2Bg{0%{opacity:.2}20%{opacity:0}70%{opacity:1}to{opacity:.2}}@keyframes btn2Bg{0%{opacity:.2}20%{opacity:0}70%{opacity:1}to{opacity:.2}}.card-number-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.card-number-wrapper .tips,.card-number-wrapper .title{background-size:100% 100%;background-repeat:no-repeat;background-position:50%}.card-number-wrapper .key-code-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:74.4vw;height:14.933333333333334vw;padding:0 1.866666666666667vw;margin-top:1.6vw;border-radius:9.733333333333333vw;background:#f9fcff}.card-number-wrapper .key-code{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:5.866666666666666vw;font-weight:700;color:#9094a1;letter-spacing:0;text-align:center}.card-number-wrapper .copy-btn{width:11.733333333333333vw;height:11.733333333333333vw;font-size:3.733333333333333vw;border-radius:50%;color:#fff;background-color:#9fbbff}.card-number-wrapper .copy-btn,.count-down-wrapper{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}.count-down-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.count-down-wrapper .empty-title{width:73.86666666666666vw;height:11.2vw;background:url(https://image.uc.cn/s/uae/g/3o/broccoli/resource/202201/396f0ab0-7435-11ec-89eb-17ca134816a1.png) 50%/100% 100% no-repeat}.count-down-wrapper .next-tips{margin-bottom:3.2vw;font-size:4vw;font-weight:700;color:#fff;letter-spacing:0;text-align:center;text-shadow:0 .533333333333333vw 1.333333333333333vw rgba(6,36,77,.52)}.count-down-wrapper .count-down-list{width:74.4vw;height:14.933333333333334vw;border-radius:9.733333333333333vw;font-size:6.666666666666667vw;font-weight:700;color:#000;letter-spacing:0;text-align:center;background:#f9fcff}.count-down-wrapper .count-down-list,.count-down-wrapper .count-down-list .count-down-item{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}.count-down-wrapper .count-down-list .time{min-width:10.666666666666666vw;vertical-align:middle}.count-down-wrapper .count-down-list .unit{width:4.666666666666667vw;height:5.6vw}.result-wrapper{position:static}.result-wrapper .result{position:absolute;top:82.93333333333334vw;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.result-wrapper .is-over{width:62.666666666666664vw;height:12.533333333333333vw;margin-top:15.2vw}.tabs-wrapper{position:relative;margin:0 auto}.tabs-wrapper .tabs-bg{position:relative;vertical-align:top}.tabs-wrapper .tabs-bg.rotate{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.tabs-wrapper .tabs-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.tabs-wrapper .tabs-content{position:relative;padding:5.866666666666666vw 4.933333333333334vw 6.933333333333334vw;margin-top:-.533333333333333vw;border-bottom-left-radius:8vw;border-bottom-right-radius:8vw;background-color:#fff}.tabs-wrapper .method-btn,.tabs-wrapper .rule-btn{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;width:37.86666666666667vw;height:10.4vw;margin-bottom:3.733333333333333vw;font-size:4vw;font-weight:700;color:#f2b06e;letter-spacing:0;text-align:center}.tabs-wrapper .method-btn.active{color:#ce3636;background:url(https://image.uc.cn/s/uae/g/3o/broccoli/resource/202201/09d46450-7451-11ec-8e3e-cb8521634744.png) 50%/100% 100% no-repeat}.tabs-wrapper .rule-btn.active{color:#ce3636;background:url(https://image.uc.cn/s/uae/g/3o/broccoli/resource/202201/8c16c170-7450-11ec-9479-35e4f3db80e4.png) 50%/100% 100% no-repeat}.tabs-wrapper .method-img,.tabs-wrapper .rule-img{background-size:100% 100%;background-repeat:no-repeat;background-position:50%}.pop-wrapper{position:fixed;z-index:99;display:-webkit-box;display:-ms-flexbox;display:flex;-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-wrapper.hide{display:none}.pop-wrapper .pop-img{width:100%;height:100%;border-radius:2.666666666666667vw}.pop-wrapper .start-task{position:relative;-webkit-animation:shakeX .8s infinite;animation:shakeX .8s infinite}.pop-wrapper .close-btn{position:absolute;top:-2.666666666666667vw;right:-2.666666666666667vw;font-size:4.266666666666667vw;color:#df3333}@-webkit-keyframes shakeX{0%{-webkit-transform:translate3d(1.333333333333333vw,0,0);transform:translate3d(1.333333333333333vw,0,0)}50%{-webkit-transform:translate3d(-1.333333333333333vw,0,0);transform:translate3d(-1.333333333333333vw,0,0)}to{-webkit-transform:translate3d(1.333333333333333vw,0,0);transform:translate3d(1.333333333333333vw,0,0)}}@keyframes shakeX{0%{-webkit-transform:translate3d(1.333333333333333vw,0,0);transform:translate3d(1.333333333333333vw,0,0)}50%{-webkit-transform:translate3d(-1.333333333333333vw,0,0);transform:translate3d(-1.333333333333333vw,0,0)}to{-webkit-transform:translate3d(1.333333333333333vw,0,0);transform:translate3d(1.333333333333333vw,0,0)}}