body,html{height:100vh;width:100vw}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{height:100vh;width:100vw}.header{align-items:center;background-color:#be0f34;display:flex;height:42px;justify-content:center}.header__title{background-image:url(https://31ten.oss-cn-shanghai.aliyuncs.com/clarins-sunrise/clarins-logo.svg);background-repeat:no-repeat;background-size:100% 100%;height:60px;width:137px}.tabbar{bottom:.28rem;position:absolute;z-index:6}.tabbar,.tabbar__container{align-items:center;display:flex;justify-content:center;width:100%}.tabbar__container__icon{align-items:center;background-repeat:no-repeat;color:#be0f34;display:flex;font-size:.1rem;line-height:1.17}.tabbar__container__back{background-color:hsla(0,0%,100%,.502);background-image:url(https://31ten.oss-cn-shanghai.aliyuncs.com/clarins-sunrise/arrow-left.svg);background-position:8%;box-sizing:border-box;height:.43rem;left:.15rem;padding:0 .26rem 0 .25rem;position:absolute;text-align:left;width:34%}.tabbar__container__home{background-color:#0000;background-image:url(https://31ten.oss-cn-shanghai.aliyuncs.com/clarins-sunrise/home-bottom.svg);background-size:100% 100%;border-radius:50%;height:.4rem;width:.4rem}.tabbar__container__next{background-color:hsla(0,0%,100%,.349);background-image:url(https://31ten.oss-cn-shanghai.aliyuncs.com/clarins-sunrise/arrow-right.svg);background-position:92%;box-sizing:border-box;height:.43rem;padding:0 .26rem 0 .25rem;position:absolute;right:.15rem;text-align:right;width:34%}.rule{align-items:center;display:flex;height:90%;justify-content:center;position:absolute;transform:rotate(-12deg);width:100%;z-index:1}.rule__text{padding:18px}.rule__text__title{color:#be0f34;font-size:18px;font-weight:600}.rule__text__desc{font-size:12px;line-height:1.5;padding-top:20px;text-align:left}.rule__container_map{background-color:#fff;background-image:url(https://31ten.oss-cn-shanghai.aliyuncs.com/clarins-sunrise/pattern.jpg);box-shadow:0 0 5px 0 rgba(0,0,0,.439);height:196px;position:relative;width:185px}.rule__container_map__cta{background-image:url(https://31ten.oss-cn-shanghai.aliyuncs.com/clarins-sunrise/cta.svg);background-repeat:no-repeat;background-size:100% 100%;border-radius:50%;bottom:-49px;height:80px;position:absolute;right:-30px;transform:rotate(12deg);width:80px}.rule__container_quizz{background-color:#fff;background-image:url(https://31ten.oss-cn-shanghai.aliyuncs.com/clarins-sunrise/pattern.jpg);box-shadow:0 0 5px 0 rgba(0,0,0,.439);height:137px;position:relative;width:173px}.rule__container_quizz__cta{background-image:url(https://31ten.oss-cn-shanghai.aliyuncs.com/clarins-sunrise/cta.svg);background-repeat:no-repeat;background-size:100% 100%;border-radius:50%;bottom:-49px;height:81px;position:absolute;right:-25px;transform:rotate(12deg);width:82px}.rule__container_sunrise{background-color:#fff;background-image:url(https://31ten.oss-cn-shanghai.aliyuncs.com/clarins-sunrise/pattern.jpg);box-shadow:0 0 5px 0 rgba(0,0,0,.439);height:147px;position:relative;width:193px}.rule__container_sunrise__cta{background-image:url(https://31ten.oss-cn-shanghai.aliyuncs.com/clarins-sunrise/cta_sunrise.svg);background-repeat:no-repeat;background-size:100% 100%;border-radius:50%;bottom:-49px;height:80px;position:absolute;right:-12px;transform:rotate(12deg);width:80px}.launch{background-color:#fff;color:#be0f34;height:calc(100vh - 42px);position:absolute;top:0;width:100%;z-index:2}.launch__content{height:70%}.launch__image{align-items:center;display:flex;flex-direction:column;font-size:.11rem;height:.88rem;justify-content:center;margin:.14rem auto .5rem;position:relative;width:2.63rem}.launch__image img{height:.88rem;left:0;position:absolute;top:0;width:100%}.launch__text{color:#be0f34;font-family:PingFangSC;font-size:.18rem;font-weight:700;line-height:1.44}.launch__map{display:flex;flex-wrap:wrap;height:38%;justify-content:space-between;padding:0 .2rem}.launch__item{height:100%;width:45%}.launch__item__wrapper{align-self:flex-end;display:flex;height:90%;justify-content:flex-end;position:relative;width:100%}.launch__item .name{height:70%}.launch__item__map{height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.launch__item__image{height:100%;object-fit:contain;width:80%}.launch__item__label{font-size:.16rem;font-weight:700}.launch__item__text{font-size:.14rem}.launch .map2 .launch__item:nth-child(2) .launch__item__image{height:75%;width:70%}.launch__count{border:3px #be0f34;color:#000;font-size:.12rem;height:20%;width:100%}.launch__count__circle{border-radius:50%;color:#be0f34;height:.8rem;margin:0 auto 5px;position:relative;width:.8rem}.launch__count__circle__countdown{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:3}.launch__count__circle__number{font-size:18px;font-weight:700}.launch__count__circle .c-cricle{animation:circle 16s linear;border-radius:100%;height:100%;position:absolute;transform-origin:center center;width:100%}.launch__count__circle .c-cricle .plane{height:20px;left:50%;position:absolute;top:-9px;transform:translateX(-50%) rotate(-135deg);width:30px;z-index:99}.launch__count__number{color:#be0f34;font-size:.3rem;font-weight:700}.launch__count img{height:90%}@keyframes circle{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.box{border-radius:50%;height:.8rem;left:0;margin:0 auto;position:relative;width:.8rem;z-index:-1}.box,.left_box,.right_box{overflow:hidden;position:absolute;top:0}.left_box,.right_box{height:100%;width:50%;z-index:0}.left_box{left:0}.right_box{right:0}.left_item,.right_item{height:100%;width:100%}.left_item{animation:loading_left 16s linear;-webkit-animation:loading_left 16s linear;border-bottom-left-radius:.8rem;-webkit-border-bottom-left-radius:.8rem;border-top-left-radius:.8rem;-webkit-border-top-left-radius:.8rem;transform-origin:right center;-webkit-transform-origin:right center}.left_item,.right_item{background-color:#be0f34}.right_item{animation:loading_right 16s linear;-webkit-animation:loading_right 16s linear;border-bottom-right-radius:.8rem;-webkit-border-bottom-right-radius:.8rem;border-top-right-radius:.8rem;-webkit-border-top-right-radius:.8rem;transform-origin:left center;-webkit-transform-origin:left center}.mask{background-color:#fff;border-radius:50%;height:.74rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:.74rem;z-index:2}@keyframes loading_left{0%{transform:rotate(0deg);-webkit-transform:rotate(0deg)}50%{transform:rotate(0deg);-webkit-transform:rotate(0deg)}to{transform:rotate(180deg);-webkit-transform:rotate(180deg)}}@keyframes loading_right{0%{transform:rotate(0deg);-webkit-transform:rotate(0deg)}50%{transform:rotate(180deg);-webkit-transform:rotate(180deg)}to{transform:rotate(180deg);-webkit-transform:rotate(180deg)}}.popup{align-items:center;background-color:#00000070;color:#000;display:flex;font-family:PingFangSC;height:100%;justify-content:center;position:fixed;top:0;width:100%;z-index:10}.popup__inner{background-image:linear-gradient(140deg,#eee 1%,#fff 51%,#eee);border:1px solid #979797;border-radius:10px;height:302px;position:relative;width:259px}.popup__inner img{height:100%;width:100%}.popup__inner__body{box-sizing:border-box;display:flex;flex-direction:column;font-family:Arial;height:100%;justify-content:flex-end;left:0;padding:0 48px;position:absolute;top:0;width:259px;z-index:99}.popup__inner__title{font-size:16px;font-weight:700;text-align:center}.popup__inner__btn{background-color:#000;border-radius:5px;color:#fff;font-size:12px;font-weight:700;height:50px;line-height:50px;margin:30px 0 50px;text-align:center;width:100%}.game{background-color:#fff;color:#be0f34;height:calc(100vh - 42px);position:absolute;top:0;width:100%;z-index:3}.game__wrapper{align-items:center;display:flex;flex-direction:column;font-size:.12rem;height:.88rem;justify-content:center;margin:.14rem auto .3rem;position:relative;width:68.5%}.game__wrapper__image{height:.88rem;left:0;position:absolute;top:0;width:100%}.game__wrapper__text{color:#be0f34;font-family:PingFangSC;font-size:.18rem;font-weight:700;line-height:1.44}.game__map{display:flex;flex-wrap:wrap;height:52%;justify-content:space-between;padding:0 .3rem}.game__item{align-items:center;display:flex;flex-direction:column;height:40%;margin-bottom:.3rem;text-align:center;width:45%}.game__item__wrapper{height:90%;width:100%}.game__item__map{height:100%;object-fit:contain;width:100%}.game__item__label{font-size:18px}.game__item__text{font-size:.16rem;font-weight:700}.game__bottom{display:flex;justify-content:space-around}.game__product{position:relative;width:25%}.game__product__image{height:1.08rem;width:.8rem}.game__confirm{background-color:#be0f34;bottom:50px;color:#fff;font-size:12px;font-weight:700;height:.5rem;left:50%;line-height:.5rem;position:fixed;text-align:center;transform:translateX(-50%);width:64%}.winner{background-color:#fff;box-sizing:border-box;color:red;display:flex;flex-direction:column;height:calc(100vh - 42px);top:0;z-index:3}.winner,.winner__wrapper{position:absolute;width:100%}.winner__wrapper{height:100%;left:0;z-index:-2}.winner__block01{color:#be0f34;font-family:PingFangSC;font-size:.52rem;font-weight:600;line-height:1.12;padding:.3rem .54rem;width:100%}.winner__block01__inner{position:relative;text-align:left}.winner__block01__text{width:2.55rem}.winner__block01__banner{bottom:-.4rem;height:1.2rem;position:absolute;right:.7rem;width:1.2rem;z-index:2}.winner__block02{display:flex;height:.7rem;justify-content:space-between;padding:0 .3rem}.winner__block02__product{display:flex;justify-content:center;position:relative;width:25%}.winner__block02__product img{height:100%;object-fit:cover;width:.52rem}.winner__block02 .product01 img{left:50%;position:absolute;top:.04rem;transform:translateX(-50%);width:.7rem}.winner__block02 .product02 img{top:.12rem}.winner__block02 .product02 img,.winner__block02 .product04 img{left:50%;position:absolute;transform:translateX(-50%);width:.64rem}.winner__block02 .product04 img{top:.08rem}.winner__block03{flex:1 1;position:relative;width:100%}.winner__block03__wave{height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.winner__block03__buy{height:100%;margin:0 auto;padding-top:.8rem;width:88%}.winner__block03__buy img{height:1.4rem;width:100%}.winner__block03__text{color:#be0f34;font-family:PingFangSC;font-size:.24rem;font-weight:700;height:.9rem;padding-right:.3rem;text-align:left;width:.99rem}.restart{background-color:#fff;box-sizing:border-box;color:red;display:flex;flex-direction:column;height:calc(100vh - 42px);justify-content:space-between;top:0;z-index:4}.restart,.restart__wrapper{position:absolute;width:100%}.restart__wrapper{height:100%;left:0;z-index:-2}.restart__block01{align-items:center;box-sizing:border-box;color:#be0f34;display:flex;flex-direction:column;font-family:PingFangSC;font-size:.52rem;font-weight:700;height:55%;justify-content:center;line-height:1.12;padding:.6rem 0 .8rem;width:100%}.restart__block01__title{color:#be0f34;font-family:Gotham;font-size:.4rem;font-weight:700;text-align:center}.restart__block01 img{height:1.11rem;margin-top:.48rem;width:1.11rem}.restart__block02{flex:1 1;height:60%;position:relative;width:100%}.restart__block02__buy{align-items:center;display:flex;height:60%;justify-content:flex-end;margin:0 auto;position:relative;width:88%}.restart__block02__buy img{height:1.45rem;left:0;position:absolute;top:0;width:100%;z-index:-1}.restart__block02__text{color:#be0f34;font-family:PingFangSC;font-size:.24rem;font-weight:700;height:.9rem;padding-right:.3rem;text-align:left;width:.99rem}.quiz{background-image:linear-gradient(152deg,#eee 1%,#fff 51%,#eee);bottom:0;box-sizing:border-box;height:100%;height:calc(100vh - 42px);padding:0 .4rem;z-index:1}.quiz,.quiz .bgc{position:absolute;top:0;width:100%}.quiz .bgc{height:100%;left:0;z-index:-5}.quiz__title{box-sizing:border-box;color:#be0f34;display:flex;flex-direction:column;font-family:PingFangSC;font-size:.18rem;font-weight:700;height:.93rem;justify-content:center;margin:.14rem auto .28rem;position:relative;text-align:center;width:2.63rem}.quiz__title img{height:.93rem;left:0;position:absolute;top:0;width:2.63rem;z-index:-1}.quiz__step{color:#be0f34;font-family:Gotham;font-size:.14rem;font-weight:700;padding:0 .05rem}.quiz__step span:nth-child(2){color:#999}.quiz__step__progress{background-color:#eee;border:1px solid #c7c7c7;border-radius:3px;display:flex;height:6px;margin:.08rem 0 .16rem;width:100%}.quiz__step__progress__item{background-color:#be0f34;height:.06rem;width:33.3%}.quiz__step__progress__item:first-child{border-bottom-left-radius:3px;border-top-left-radius:3px}.quiz__step__progress__item:nth-child(4){border-bottom-right-radius:3px;border-top-right-radius:3px}.quiz__choose{box-sizing:border-box;display:flex;flex-direction:column;height:60%;justify-content:space-between;padding:.26rem .28rem .15rem;position:relative;width:100%}.quiz__choose__image01{left:0;top:0;width:100%;z-index:-1}.quiz__choose__image01,.quiz__choose__image02{background-image:url(https://31ten.oss-cn-shanghai.aliyuncs.com/clarins-sunrise/pattern.jpg);box-shadow:0 0 10px 0 #0003;height:100%;position:absolute}.quiz__choose__image02{left:50%;top:10px;transform:translateX(-50%);width:96%;z-index:-2}.quiz__choose__image03{background-image:url(https://31ten.oss-cn-shanghai.aliyuncs.com/clarins-sunrise/pattern.jpg);box-shadow:0 0 10px 0 #0003;height:100%;left:50%;position:absolute;top:20px;transform:translateX(-50%);width:92%;z-index:-3}.quiz .questions{display:flex;flex-direction:column}.quiz .questions__title{color:#be0f34;font-family:PingFangSC;font-size:.18rem;font-weight:700;margin-bottom:.15rem;text-align:left}.quiz .questions__form.form1{align-items:center;display:flex;flex:1 1;justify-content:space-between;margin-top:30%}.quiz .questions .icon{height:.4rem;width:.4rem}.quiz .questions__form{color:#000;flex:1 1;font-family:PingFangSC;font-size:.14rem;font-weight:700}.quiz .questions__form .option{align-items:center;background-color:#fff;border:1px solid #c7c7c7;border-radius:6px;box-sizing:border-box;display:flex;height:.43rem;margin-bottom:.11rem;padding:0 .06rem;width:100%}.quiz .questions__form .option .icon{height:.28rem;width:.28rem}.quiz .questions__form .option__text{margin-left:.09rem}.quiz .questions__form .q2{align-items:center;display:flex;height:.78rem;justify-content:center}.quiz .questions .active{background-color:#edd9dd;border:1px solid #be0f34;border-radius:6px;color:#be0f34}.quiz__next{background-color:#eee;color:#fff;font-family:PingFangSC;font-size:.12rem;font-weight:700;height:.5rem;line-height:.5rem;text-align:center;width:100%}.quiz .active{background-color:#be0f34}.result{background-image:linear-gradient(180deg,#fff,#f3f3f3db 58%,#c7c7c757 114%);bottom:0;box-sizing:border-box;z-index:1}.result,.result__bgc{height:100%;position:absolute;top:0;width:100%}.result__bgc{left:0;z-index:-1}.result__body{height:60%;margin:.5rem auto 0;width:82%}.result__body img{height:100%;object-fit:contain;width:100%}.result__btn{background-color:#be0f34;color:#fff;font-family:PingFangSC;font-size:12px;font-weight:700;height:.5rem;line-height:.5rem;margin:7% auto 0;text-align:center;width:2.39rem}.rendering{background-image:url(https://31ten.oss-cn-shanghai.aliyuncs.com/clarins-sunrise/bg.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:calc(100% - 42px);position:relative;width:100%}.rendering .loading{left:-60px;position:absolute;top:-60px}.rendering__canvas{height:100%;overflow:hidden;position:absolute!important;top:0;touch-action:none;width:100%}.rendering__body,.rendering__footer,.rendering__header{z-index:5}.rendering__header{opacity:1;transition:opacity 1s ease}.rendering__header__out{opacity:0}.rendering__header__cdf{height:.31rem;margin:.3rem auto 0}.rendering__header__text1{font-size:.36rem;line-height:1.11;top:.68rem}.rendering__header__text1,.rendering__header__text2{color:#be0f34;font-weight:600;left:0;position:absolute;right:0}.rendering__header__text2{font-size:.16rem;line-height:1.6;line-height:1.25;top:33%}.rendering__header__plane{background-repeat:no-repeat;background-size:auto;left:-15px;position:absolute;top:17%;width:90vw}.rendering__footer__icon{bottom:60px;left:0;pointer-events:none;position:absolute;right:0}.rendering__footer__icon img{height:20px}.rendering__footer__text{bottom:40px;color:#be0f34;font-size:12px;left:0;pointer-events:none;position:absolute;right:0}.App{font-family:Arial;font-size:calc(10px + 2vmin);height:100vh;overflow:hidden;text-align:center;width:100vw}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.215ecdf9.css.map*/