.redpackPopUp{display:none;font-family:Noto Sans TC Regular,PingFangTC-Medium;left:0;position:fixed;top:0;z-index:9999}.redpackPopUp p{margin:0}.redpackPopUp .redpackPopUpMask{background-color:rgba(0,0,0,.6);height:100vh;left:0;opacity:0;position:fixed;top:0;width:100vw;z-index:0}.redpackPopUp .redpackPopUpMask.active{opacity:1}.redpackPopUp .redpackPopUpContainer{align-items:center;background-color:transparent;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100vw;z-index:1}.redpackPopUp .redpackPopUpContent{height:500px;opacity:0;perspective:1200px;position:relative;width:345px;z-index:1}.redpackPopUp .redpackPopUpContent .redpackPopupCloseButton{position:absolute;right:0;transform:translateY(calc(-100% - 8px))}.redpackPopUp .redpackPopUpContent .redpackPopUpBackground,.redpackPopUp .redpackPopUpContent .redpackPopUpMain{border-radius:10px;box-sizing:border-box;height:100%;overflow:hidden;padding:20px;position:relative;width:100%}.redpackPopUp .redpackPopUpContent .redpackPopUpBackground:after,.redpackPopUp .redpackPopUpContent .redpackPopUpMain:after{background:linear-gradient(90deg,#dadada,#fff 42.86%);border-radius:50%;content:"";display:block;height:560px;left:80px;position:absolute;top:50%;transform:translateY(-50%);width:560px;z-index:0}.redpackPopUp .redpackPopUpContent .redpackPopUpBackground{background-color:blue;left:0;position:absolute;top:0;transition:transform 1s cubic-bezier(.165,.84,.44,1) 1.5s,opacity .1s cubic-bezier(.165,.84,.44,1) 1.5s}.redpackPopUp .redpackPopUpContent .redpackPopUpMain{background-color:#eee;box-sizing:border-box;display:flex;flex-flow:column nowrap;position:relative}.redpackPopUp .redpackPopUpContent .redpackPopUpMain .redpackPopUpButton,.redpackPopUp .redpackPopUpContent .redpackPopUpMain .redpackPopUpDivider,.redpackPopUp .redpackPopUpContent .redpackPopUpMain .redpackPopUpImage,.redpackPopUp .redpackPopUpContent .redpackPopUpMain .redpackPopUpPrompt,.redpackPopUp .redpackPopUpContent .redpackPopUpMain .redpackPopUpText,.redpackPopUp .redpackPopUpContent .redpackPopUpMain .redpackPopUpTitle{position:relative;z-index:1}.redpackPopUp .redpackPopUpContent .redpackPopUpMain .redpackPopUpImage,.redpackPopUp .redpackPopUpContent .redpackPopUpMain .redpackPopUpText{margin-top:15px}.redpackPopUp .redpackPopUpContent .redpackPopUpMain .redpackPopUpPrompt{margin-top:10px}.redpackPopUp .redpackPopUpContent .redpackPopUpMain .redpackPopUpDivider{margin:40px auto}.redpackPopUp .redpackPopUpContent .redpackPopUpBackground+.redpackPopUpMain{opacity:0;transform:rotateY(180deg);transition:transform 1s cubic-bezier(.165,.84,.44,1) 1.5s,opacity .1s cubic-bezier(.165,.84,.44,1) 1.5s}.redpackPopUp .redpackPopUpContent.active{opacity:1}.redpackPopUp .redpackPopUpContent.active .redpackPopUpBackground{opacity:0;transform:rotateY(180deg)}.redpackPopUp .redpackPopUpContent.active .redpackPopUpBackground+.redpackPopUpMain{opacity:1;transform:rotateY(0)}.redpackPopUp .redpackPopupCloseButton{cursor:pointer;display:block;height:24px;position:relative;width:24px}.redpackPopUp .redpackPopupCloseButton:after,.redpackPopUp .redpackPopupCloseButton:before{background:#fff;bottom:0;content:"";display:block;height:2px;left:0;margin:auto;position:absolute;right:0;top:0;transform-origin:center;width:100%}.redpackPopUp .redpackPopupCloseButton:before{transform:rotate(45deg)}.redpackPopUp .redpackPopupCloseButton:after{transform:rotate(-45deg)}.redpackPopUp .redpackPopUpTitle{align-items:center;color:#cd0505;display:flex;font-size:32px;font-weight:600;justify-content:center;letter-spacing:6.4px;line-height:45px}.redpackPopUp .redpackPopUpImage{text-align:center}.redpackPopUp .redpackPopUpImage>img{border-radius:10px;display:block;height:120px;margin:0 auto;width:120px}.redpackPopUp .redpackPopUpText{color:#424242;font-size:20px;font-weight:600;line-height:28px;min-height:56px;text-align:center}.redpackPopUp .redpackPopUpPrompt{align-items:center;color:rgba(66,66,66,.8);display:flex;flex-flow:column nowrap;font-size:16px;font-weight:400;height:44px;line-height:22px;text-align:center}.redpackPopUp .redpackPopUpLink{border-bottom:1px solid rgba(66,66,66,.8);cursor:pointer}.redpackPopUp .redpackPopUpDivider{background-color:#dd9f60;height:2px;width:80px}.redpackPopUp .redpackPopUpButton{margin:0 auto;text-align:center}.redpackPopUp .redpackPopUpButton>button{background-color:#cd0505;border:2px solid #dd9f60;border-radius:32px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:24px;letter-spacing:4.8px;outline:none;padding:10px 55px}.redpackPopUp.active{display:block}.redpackPopUp.animation .redpackPopUpContent{transform:scale(2);transition:transform 1s cubic-bezier(.165,.84,.44,1) .5s}.redpackPopUp.animation .redpackPopUpContent.active{transform:scale(1)}.redpackPopUp.morePrize .redpackPopUpContent .redpackPopUpMain .redpackPopUpDivider{margin:26px auto}