html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-family:"Helvetica-Light", "Helvetica Neue", Helvetica, STHeiTi, sans-serif}body{margin:0;font-size:0.7rem;line-height:1;color:#333333;height:100%;overflow-x:hidden;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}svg:not(:root){overflow:hidden}a{background:transparent;text-decoration:none;-webkit-tap-highlight-color:transparent;color:#0088cc}a:active{outline:0}a:active{color:#006699}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0;vertical-align:middle}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto;white-space:pre;white-space:pre-wrap;word-wrap:break-word}code,kbd,pre,samp{font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto;resize:vertical}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}h1,h2,h3,h4,h5,h6,p,figure,form,blockquote{margin:0}ul,ol,li,dl,dd{margin:0;padding:0}ul,ol{list-style:none outside none}h1,h2,h3{line-height:2;font-weight:normal}h1{font-size:1.8rem}h2{font-size:1.6rem}h3{font-size:1.4rem}input:focus{outline:none}input::-moz-placeholder,textarea::-moz-placeholder{color:#cccccc}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#cccccc}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#cccccc}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#orientation_hinter{position:fixed;top:0;left:0;height:100%;width:100%;background:#131313;z-index:999999999999;display:none}#orientation_hinter .hinter_phone{position:absolute;top:50%;left:50%;margin:-30px 0 0 -57px}#orientation_hinter .hinter_phone i{display:block;width:114px;height:60px;background:url(https://img.xhangjia.com/h5/2018/10/mnjzs/landscape_phone@2x.png) no-repeat center center transparent;background-size:114px 60px;-webkit-animation:rotateHint 2.6s ease-in infinite;animation:rotateHint 2.6s ease-in infinite}#orientation_hinter.portrait .hinter_phone{-webkit-transform:rotate(90deg);transform:rotate(90deg)}#orientation_hinter .hinter_rotate{width:155px;height:30px;position:absolute;top:50%;left:50%;margin:-15px 0 0 -77px;background:url(https://img.xhangjia.com/h5/2018/10/mnjzs/landscape_hint@2x.png) no-repeat center center transparent;background-size:155px 30px}#orientation_hinter .hinter_text{position:absolute;right:0;bottom:15%;left:0;color:#bbbbbb;font-size:14px;font-weight:normal;text-align:center;line-height:1;display:none}@-webkit-keyframes rotateHint{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:0.2}50%{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:1}100%{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateHint{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:0.2}50%{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:1}100%{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@-webkit-keyframes questionsFadeOut{0%{opacity:1;-webkit-transform:scale(1, 1) translateY(0);transform:scale(1, 1) translateY(0)}100%{opacity:0;-webkit-transform:scale(0.6, 0.6) translateY(-4rem);transform:scale(0.6, 0.6) translateY(-4rem)}}@-webkit-keyframes questionsFadeIn{0%{opacity:0;-webkit-transform:scale(1.4, 1.4) translateY(3rem);transform:scale(1.4, 1.4) translateY(3rem)}100%{opacity:1;-webkit-transform:scale(1, 1) translateY(0);transform:scale(1, 1) translateY(0)}}@media screen and (orientation: landscape){#orientation_hinter.landscape,#orientation_hinter.landscape .landscape{display:block}}@media screen and (orientation: portrait){#orientation_hinter.portrait,#orientation_hinter.portrait .portrait{display:block}}.display-flex{display:-webkit-box;display:-webkit-flex;display:flexbox;display:box;display:flex}*,*:after,*::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes shineIn{0%{opacity:0.3}80%{opacity:1}100%{opacity:1}}@keyframes shineIn{0%{opacity:0.3}80%{opacity:1}100%{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes rotation{100%{transform:rotate(1turn)}}@keyframes UpIn{from{transform:translateY(1rem);opacity:0}to{transform:translateY(0rem);opacity:1}}@-webkit-keyframes cardrotate{0%{-webkit-transform:perspective(1000px) rotateY(270deg) scale(0)}100%{-webkit-transform:perspective(1000px) rotateY(0) scale(1)}}@keyframes scale{from{transform:scale(1)}to{transform:scale(1.15)}}@-webkit-keyframes a1_btn{0%{-webkit-transform:rotate(-3deg) skew(-4deg)}100%{-webkit-transform:rotate(3deg) skew(4deg)}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes a1_juice{0%{background-position:0 0}100%{background-position:0 280px}}@-webkit-keyframes a1_straw{0%{-webkit-transform:translate(0, 0) rotate(0deg)}25%{-webkit-transform:translate(10px, 10px) rotate(5deg)}50%{-webkit-transform:translate(20px, 0px) rotate(0deg)}75%{-webkit-transform:translate(10px, 0px) rotate(5deg)}100%{-webkit-transform:translate(0px, 0px) rotate(0deg)}}@-webkit-keyframes a1_calender{0%{-webkit-transform:rotate(-10deg)}100%{-webkit-transform:rotate(10deg)}}@keyframes scaleIn{from{transform:scale(0.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes bottleScaleUpIn{0%{transform:scale(0) translateY(8rem) rotate(-65deg);opacity:0}25%{transform:scale(0.5) translateY(0) rotate(-65deg);opacity:0.1}50%{transform:scale(1) translateY(-14rem) rotate(0);opacity:1}55%{transform:scale(1) translateY(-14rem) rotate(0);opacity:1}60%{transform:scale(1) translateY(-14rem) rotate(-20deg)}65%{transform:scale(1) translateY(-14rem) rotate(0)}70%{transform:scale(1) translateY(-14rem) rotate(20deg)}75%{transform:scale(1) translateY(-14rem) rotate(0)}80%{transform:scale(1) translateY(-14rem) rotate(-20deg)}85%{transform:scale(1) translateY(-14rem) rotate(0)}90%{transform:scale(1) translateY(-14rem) rotate(20deg)}95%{transform:scale(1) translateY(-14rem) rotate(0)}100%{transform:scale(4) translateY(0) rotate(0);opacity:0}}@keyframes scaleIn2{from{transform:scale(0.4);opacity:0}to{transform:scale(0.8);opacity:1}}@keyframes bigScaleIn{from{transform:scale(5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes prizeboxUp{0%{transform:translateY(0)}50%{transform:translateY(-40px)}100%{transform:translateX(-130px)}}@keyframes prizeboxDown{0%{transform:translateY(0)}100%{transform:translateY(70px)}}@keyframes float_1682015910{0%{transform:translateY(-12px)}25%{transform:translateY(0px)}50%{transform:translateY(-12px)}75%{transform:translateY(0px)}100%{transform:translateY(-12px)}100%{transform:translateY(-12px)}}@keyframes tada{0%{transform:scale(1)}12.5%{transform:scale(0.9) rotate(-8deg)}25%{transform:scale(0.9) rotate(-8deg)}37.5%{transform:scale(1.1) rotate(8deg)}50%{transform:scale(1.1) rotate(-8deg)}62.5%{transform:scale(1.1) rotate(8deg)}75%{transform:scale(1.1) rotate(-8deg)}87.5%{transform:scale(1.1) rotate(8deg)}100%{transform:scale(1) rotate(0)}}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes burst{0%{opacity:1}49.9995%{transform:scale(1.8);opacity:0}50%{transform:scale(1);opacity:1}100%{transform:scale(1.8);opacity:0}}body,html,.wrap,.page{width:100%;height:100%;position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.active{transition:.2s all}.active:active{opacity:.5;transition:.2s all}.wrap{overflow:hidden;transition:all .3s}.app{position:absolute;width:100%;height:100%}.image{width:100%;max-height:100%}.music{z-index:999999999;position:absolute;top:.5rem;width:1.25rem;height:1.25rem;background-size:100%;background-repeat:no-repeat;right:0.6rem;display:none}.music .music_icon{width:100%;height:100%}.music .music_icon .icon{position:absolute;top:0rem;left:0rem;width:1.4rem;height:1.4rem;background-size:100%;background-repeat:no-repeat;background-image:url(../images/music-on.png);animation:music 2s linear infinite}@keyframes music{100%{transform:rotate(360deg)}}.page{overflow:hidden;position:absolute;left:0px;top:0px;background-color:#ffa200;background-image:url(../images/p_bg.jpg);background-size:cover;background-repeat:no-repeat;background-position:center}.page .page-logo{z-index:999;position:absolute;top:.45rem;left:50%;margin-left:-8.75rem;width:17.5rem;height:2.875rem;background-size:100%;background-repeat:no-repeat}.page .page-logo .page-logo-left{position:absolute;top:.55rem;left:0rem;width:7.15rem;height:1.1rem;background-size:100%;background-repeat:no-repeat;background-image:url(../images/p_logo_left.png)}.page .page-logo .page-logo-right{position:absolute;top:0rem;width:3.85rem;height:3.4rem;background-size:100%;background-repeat:no-repeat;background-image:url(../images/p_logo_right.png);right:0}.pageinner{position:absolute;left:50%;margin-left:-9.375rem;width:18.75rem;height:30.15rem;background-size:100%;background-repeat:no-repeat;top:50%;margin-top:-15.1rem}.page-clip{background:rgba(0,0,0,0.8);z-index:999999}.photo-clip-area{border:0 !important;background-image:url("../images/face.png");background-repeat:no-repeat;background-size:100%;transform:translate(-50%, -50%) scale(1.05)}.clip-cancel{z-index:9999;position:absolute;width:100%;height:100%;left:0;top:0;opacity:0}#clipArea{height:20rem}.pc-btn{position:absolute;bottom:0;left:0;width:100%;height:3.5rem;font-weight:bold}.pc-btn p{color:#fff;font-size:0.75rem;width:100%;text-align:center;position:absolute;left:0;top:-2rem}.pc-btn a{height:3.5rem;line-height:3.5rem;display:block;width:50%;text-align:center;float:left;font-size:0.85rem}#cancelBtn{background-color:#fff;color:#999}#clipBtn{background-color:#fd746c;color:#fff}.myCanvas{top:-33.4rem;z-index:99;position:absolute;width:18.75rem;height:33.35rem}.mask{position:absolute;z-index:99;top:0;left:0;width:100%;height:100%}.video-wrap{background-size:100% 100%}.video-wrap .video{width:100%;height:100%}.back-wrap{position:absolute;top:.5rem;left:.5rem;width:4.5rem;height:1.55rem;background-size:100%;background-repeat:no-repeat;z-index:100}.back-wrap .back-icon{position:absolute;width:4.5rem;height:1.55rem;background-size:100%;background-repeat:no-repeat;background-image:url(../images/back-icon.png)}.blur{transition:all .3s;filter:blur(5px)}#qrcodeCanvas{position:absolute;top:-24.975rem}.loading{z-index:999999}.loading .pageinner .loading-icons{position:absolute;top:1.5rem;left:50%;margin-left:-8.4375rem;width:16.875rem;height:29.325rem;background-size:100%;background-repeat:no-repeat;background-image:url(../images/loading_icons.png);animation:flash 3s ease-in-out infinite}.loading .pageinner .loading-illustration{position:absolute;top:1.5rem;left:50%;margin-left:-9.2rem;width:18.4rem;height:29.25rem;background-size:100%;background-repeat:no-repeat;background-image:url(../images/loading_illustration.png)}.loading .pageinner .loading-progress-wrap{left:50%;top:50%;width:100%;position:absolute;display:flex;align-items:center;flex-direction:column;transform:translate(-50%, -50%)}.loading .pageinner .loading-progress-wrap .loading-tips{color:#ffffff;font-weight:bold;animation:pulse 2s ease-in-out infinite}.loading .pageinner .loading-progress-wrap .loading-progress-border{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-top:.5rem;width:6rem;height:.5rem;background-color:#ffffff;border-radius:.25rem;border:#ffffff .075rem solid}.loading .pageinner .loading-progress-wrap .loading-progress-border .loading-progress{position:absolute;width:100%;height:100%;border-radius:.25rem;background-color:#ffa200}.page1{z-index:999;overflow:scroll;overflow-x:hidden;background-position:0 top;background-size:100%}.page1 .pageinner-scroll{position:relative}.page1 .pageinner-scroll .p1-title{width:13.65rem;height:1.3rem;margin:0 auto;margin-top:0.625rem;background-size:100%;background-repeat:no-repeat;background-image:url(../images/p1_title.png)}.page1 .pageinner-scroll .p1-tips{z-index:1;position:relative;width:17.1rem;height:2.25rem;margin:0 auto;margin-top:.85rem;background-size:100%;background-repeat:no-repeat;background-image:url(../images/p1_tips.png);animation:bigScaleIn .3s ease-in both}.page1 .pageinner-scroll .p1-activity-wrap{z-index:1;position:relative;margin-top:.675rem}.page1 .pageinner-scroll .p1-activity-wrap .p1-activity-item{width:17.1rem;height:13.65rem;margin:0 auto;margin-bottom:.375rem;background-size:100%;background-repeat:no-repeat}.page1 .pageinner-scroll .p1-activity-wrap .p1-activity-item:nth-child(1){animation:scaleIn 0.3s .4s ease-in both;background-image:url(../images/p1_activity_01.png)}.page1 .pageinner-scroll .p1-activity-wrap .p1-activity-item:last-child{margin-bottom:0}.page1 .pageinner-scroll .p1-activity-wrap .p1-activity-item{width:17.1rem;height:13.65rem;margin:0 auto;margin-bottom:.375rem;background-size:100%;background-repeat:no-repeat}.page1 .pageinner-scroll .p1-activity-wrap .p1-activity-item:nth-child(2){animation:scaleIn 0.3s .6s ease-in both;background-image:url(../images/p1_activity_02.png)}.page1 .pageinner-scroll .p1-activity-wrap .p1-activity-item:last-child{margin-bottom:0}.page1 .pageinner-scroll .p1-rule-wrap{margin-top:.45rem}.page1 .pageinner-scroll .p1-rule-wrap .p1-rule-item{width:17.1rem;margin:0 auto;margin-bottom:.45rem;background-size:100%;background-repeat:no-repeat}.page1 .pageinner-scroll .p1-rule-wrap .p1-rule-item:nth-child(1){height:3.825rem}.page1 .pageinner-scroll .p1-rule-wrap .p1-rule-item:nth-child(2){height:3.625rem}.page1 .pageinner-scroll .p1-rule-wrap .p1-rule-item:nth-child(1){animation:scaleIn 0.3s .8s ease-in both;background-image:url(../images/p1_rule_01.png)}.page1 .pageinner-scroll .p1-rule-wrap .p1-rule-item:last-child{margin-bottom:0}.page1 .pageinner-scroll .p1-rule-wrap .p1-rule-item{width:17.1rem;margin:0 auto;margin-bottom:.45rem;background-size:100%;background-repeat:no-repeat}.page1 .pageinner-scroll .p1-rule-wrap .p1-rule-item:nth-child(1){height:3.825rem}.page1 .pageinner-scroll .p1-rule-wrap .p1-rule-item:nth-child(2){height:3.625rem}.page1 .pageinner-scroll .p1-rule-wrap .p1-rule-item:nth-child(2){animation:scaleIn 0.3s 1s ease-in both;background-image:url(../images/p1_rule_02.png)}.page1 .pageinner-scroll .p1-rule-wrap .p1-rule-item:last-child{margin-bottom:0}.page1 .pageinner-scroll .p1-address{width:11.25rem;height:.55rem;margin:1rem auto;background-size:100%;background-repeat:no-repeat;background-image:url(../images/p1_address.png);animation:scaleIn 0.3s 1.2s ease-in both}.page1 .pageinner-scroll .p1-arrow{position:absolute;left:.65rem;width:2.375rem;height:1.5rem;background-size:100%;background-repeat:no-repeat;background-image:url(../images/p1_arrow.png);animation:scaleIn 0.3s 1.6s ease-in both;bottom:-0.25rem}.page1 .pageinner-scroll .p1-decoration-wrap{position:absolute;top:.525rem;left:.175rem;width:18.375rem;height:33.05rem;background-size:100%;background-repeat:no-repeat}.page1 .pageinner-scroll .p1-decoration-wrap:nth-child(1){position:absolute;top:0rem;left:.325rem;width:1.25rem;height:1.225rem;background-size:100%;background-repeat:no-repeat;background-image:url(../images/p1_smiling_01.png)}.page1 .pageinner-scroll .p1-decoration-wrap:nth-child(2){position:absolute;width:.95rem;height:.95rem;background-size:100%;background-repeat:no-repeat;background-image:url(../images/p1_smiling_02.png);right:0;bottom:0}.page1 .pageinner-scroll .p1-decoration-wrap .p1-smiling-item:nth-child(1){animation:tada 3s .4s ease-in-out infinite}.page1 .pageinner-scroll .p1-decoration-wrap .p1-smiling-item:nth-child(2){animation:tada 3s .8s ease-in-out infinite}.page1 .pageinner-scroll .p1-decoration-wrap .p1-decoration{animation:flash 3s ease-in-out infinite;position:absolute;top:1.325rem;left:0rem;width:18.375rem;height:29.675rem;background-size:100%;background-repeat:no-repeat;background-image:url(../images/p1_decoration.png)}.page1 .p1-gopage-wrap{animation:scaleIn 0.3s 1.4s ease-in both;z-index:99;position:relative;display:flex;align-items:center;justify-content:center;padding-bottom:1.2rem}.page1 .p1-gopage-wrap .p1-gopage{color:#ffffff;font-weight:bold;padding-bottom:.2rem;border-bottom:#ffffff 1px solid;animation:pulse 2s ease-in-out infinite}.page2 .p2-icons{animation:rubberBand 6s ease-in-out infinite;position:absolute;top:2.425rem;left:.325rem;width:13.85rem;height:25.7rem;background-size:100%;background-repeat:no-repeat;background-image:url(../images/p2_icons.png)}.page2 .pageinner .p2-center-wrap{position:absolute;top:2.75rem;left:.7rem;width:17.35rem;height:21.6rem;background-size:100%;background-repeat:no-repeat}.page2 .pageinner .p2-center-wrap .p2-center-item:nth-child(1){animation:scaleIn 0.3s ease-in both;position:absolute;top:.1rem;left:.425rem;width:15.65rem;height:21.5rem;background-size:100%;background-repeat:no-repeat;background-image:url(../images/p2_center_01.png)}.page2 .pageinner .p2-center-wrap .p2-center-item:nth-child(2){animation:bigScaleIn .3s 0.3s ease-in both;position:absolute;top:0rem;left:0rem;width:17.35rem;height:12.675rem;background-size:100%;background-repeat:no-repeat}.page2 .pageinner .p2-center-wrap .p2-center-item:nth-child(2)::before{content:'';display:inline-block;animation:pulse 2s ease-in-out infinite;position:absolute;top:0rem;left:0rem;width:17.35rem;height:12.675rem;background-size:100%;background-repeat:no-repeat;background-image:url(../images/p2_center_02.png)}.page2 .pageinner .p2-center-wrap .p2-center-item:nth-child(2)::after{content:'';display:inline-block;animation:tada 4s ease-in-out infinite;position:absolute;top:10.5rem;left:9.725rem;width:1.7rem;height:1.325rem;background-size:100%;background-repeat:no-repeat;background-image:url(../images/p2_center_04.png)}.page2 .pageinner .p2-center-wrap .p2-center-item:nth-child(3){animation:scaleIn 0.3s 0.6s ease-in both;position:absolute;top:10.875rem;left:9.925rem;width:4.95rem;height:4.975rem;background-size:100%;background-repeat:no-repeat}.page2 .pageinner .p2-center-wrap .p2-center-item:nth-child(3)::before{content:'';display:inline-block;animation:flash 4s ease-in-out infinite;position:absolute;top:0rem;left:0rem;width:4.95rem;height:4.975rem;background-size:100%;background-repeat:no-repeat;background-image:url(../images/p2_center_03.png)}.page2 .pageinner .p2-center-wrap .p2-center-item-btn{z-index:10;position:absolute;width:7.5rem;height:1.25rem;top:.35rem;left:2.6rem;transform:rotate(-8deg)}.page2 .pageinner .p2-btns-wrap{position:absolute;left:50%;margin-left:-6.7rem;width:13.4rem;height:5.4rem;background-size:100%;background-repeat:no-repeat;bottom:.5rem}.page2 .pageinner .p2-btns-wrap .p2-center-item:nth-child(1){position:absolute;top:0rem;left:50%;margin-left:-6.7rem;width:13.4rem;height:3.125rem;background-size:100%;background-repeat:no-repeat;background-image:url(../images/p2_btn_01.png)}.page2 .pageinner .p2-btns-wrap .p2-center-item:nth-child(2){position:absolute;left:50%;margin-left:-3.675rem;width:7.35rem;height:2.5rem;background-size:100%;background-repeat:no-repeat;background-image:url(../images/p2_btn_03_2.png);bottom:-0.5rem}.page3 .pageinner .p3-icons{position:absolute;top:1.5rem;left:50%;margin-left:-8.4375rem;width:16.875rem;height:29.325rem;background-size:100%;background-repeat:no-repeat;background-image:url(../images/loading_icons.png);animation:flash 3s ease-in-out infinite}.page3 .pageinner .p3-illustration{animation:fadeIn 1.5s ease-in both;position:absolute;top:1.5rem;left:50%;margin-left:-9.2rem;width:18.4rem;height:29.25rem;background-size:100%;background-repeat:no-repeat;background-image:url(../images/loading_illustration.png)}.page3 .pageinner .p3-activity-wrap{z-index:1;position:relative;margin-top:4rem}.page3 .pageinner .p3-activity-wrap .p3-activity-item{display:flex;flex-direction:column;align-items:center;width:17.1rem;height:13.65rem;margin:0 auto;margin-bottom:.375rem;background-size:100%;background-repeat:no-repeat}.page3 .pageinner .p3-activity-wrap .p3-activity-item:nth-child(1){animation:scaleIn 0.3s .4s ease-in both;background-image:url(../images/p3_activity_01.png)}.page3 .pageinner .p3-activity-wrap .p3-activity-item:nth-child(1) .p3-activity-item-day-wrap{margin-top:1.5rem}.page3 .pageinner .p3-activity-wrap .p3-activity-item:nth-child(1) .p3-activity-item-day-wrap .p3-activity-item-day{display:flex;align-items:center;justify-content:center;width:13.5rem;height:1.5rem;margin-top:.75rem;font-weight:bold}.page3 .pageinner .p3-activity-wrap .p3-activity-item:last-child{margin-bottom:0}.page3 .pageinner .p3-activity-wrap .p3-activity-item{display:flex;flex-direction:column;align-items:center;width:17.1rem;height:13.65rem;margin:0 auto;margin-bottom:.375rem;background-size:100%;background-repeat:no-repeat}.page3 .pageinner .p3-activity-wrap .p3-activity-item:nth-child(2){animation:scaleIn 0.3s .6s ease-in both;background-image:url(../images/p3_activity_02.png)}.page3 .pageinner .p3-activity-wrap .p3-activity-item:nth-child(2) .p3-activity-item-day-wrap{margin-top:1.5rem}.page3 .pageinner .p3-activity-wrap .p3-activity-item:nth-child(2) .p3-activity-item-day-wrap .p3-activity-item-day{display:flex;align-items:center;justify-content:center;width:13.5rem;height:1.5rem;margin-top:.75rem;font-weight:bold}.page3 .pageinner .p3-activity-wrap .p3-activity-item:last-child{margin-bottom:0}.page3 .pageinner .p3-activity-wrap .p3-activity-item:nth-child(1){height:13.55rem}.page3 .pageinner .p3-activity-wrap .p3-activity-item:nth-child(2) .p3-activity-item-day-wrap{margin-top:1.8rem}.page3 .pageinner .p3-tips{animation:pulse 4s ease-in-out infinite;position:absolute;width:100%;bottom:1rem;color:#ffffff;text-align:center;font-weight:bold}.page4 .p4-center-wrap{position:absolute;top:2.5rem;left:.15rem;width:18.4rem;height:29.925rem;background-size:100%;background-repeat:no-repeat}.page4 .p4-center-wrap .p4-center-item:nth-child(1){z-index:10;animation:bigScaleIn .3s ease-in both;position:absolute;top:.675rem;left:0rem;width:18.4rem;height:29.925rem;background-size:100%;background-repeat:no-repeat}.page4 .p4-center-wrap .p4-center-item:nth-child(1)::before{content:'';display:inline-block;animation:pulse 4s ease-in-out infinite;position:absolute;top:0rem;left:0rem;width:18.4rem;height:29.925rem;background-size:100%;background-repeat:no-repeat;background-image:url(../images/p4_center_01.png)}.page4 .p4-center-wrap .p4-center-item:nth-child(2){animation:scaleIn 0.3s 0.8s ease-in both;position:absolute;top:0rem;left:.725rem;width:16.875rem;height:29.325rem;background-size:100%;background-repeat:no-repeat}.page4 .p4-center-wrap .p4-center-item:nth-child(2)::before{content:'';display:inline-block;animation:flash 4s ease-in-out infinite;position:absolute;top:0rem;left:0rem;width:16.875rem;height:29.325rem;background-size:100%;background-repeat:no-repeat;background-image:url(../images/p4_center_02.png)}.page4 .pageinner .p4-icons{position:absolute;top:1.5rem;left:50%;margin-left:-8.4375rem;width:16.875rem;height:29.325rem;background-size:100%;background-repeat:no-repeat;background-image:url(../images/loading_icons.png);animation:flash 3s ease-in-out infinite}.page4 .pageinner .p4-input-wrap{display:flex;flex-direction:column;align-items:center;z-index:20;animation:scaleIn .3s ease-in both;position:absolute;top:50%;margin-top:-6.025rem;left:50%;margin-left:-7rem;width:14rem;height:12.05rem;background-size:100%;background-repeat:no-repeat}.page4 .pageinner .p4-input-wrap .p4-finger-wrap{position:absolute;width:3rem;height:3rem;top:1.6rem;left:2.5rem}.page4 .pageinner .p4-input-wrap .p4-finger-wrap .p4-finger{z-index:10;transform:rotate(90deg);position:absolute;top:0rem;left:-3rem;width:3rem;height:3rem;background-size:100%;background-repeat:no-repeat;background-image:url(../images/p4_finger.png)}.page4 .pageinner .p4-input-wrap .p4-finger-wrap .p4-finger-circle{position:absolute;border-radius:50%;background-color:#ffffffd0}.page4 .pageinner .p4-input-wrap .p4-finger-wrap .p4-finger-circle:nth-child(1){width:0.33333rem;height:0.33333rem;top:-0.16667rem;left:-0.16667rem;animation:burst 3s infinite}.page4 .pageinner .p4-input-wrap .p4-finger-wrap .p4-finger-circle:nth-child(2){width:0.66667rem;height:0.66667rem;top:-0.33333rem;left:-0.33333rem;animation:burst 3s infinite}.page4 .pageinner .p4-input-wrap .p4-finger-wrap .p4-finger-circle:nth-child(3){width:1rem;height:1rem;top:-0.5rem;left:-0.5rem;animation:burst 3s infinite}.page4 .pageinner .p4-input-wrap .p4-tips{width:80%;display:flex;flex-direction:column;text-align:center;padding:.375rem;font-size:.75rem;font-weight:bold;border-radius:.5rem;margin-bottom:.5rem;background-color:rgba(251,237,33,0.85)}.page4 .pageinner .p4-input-wrap .p4-tips span:nth-child(1){margin-bottom:.25rem}.page4 .pageinner .p4-input-wrap .p4-input-item-wrap .p4-input-item{position:relative;width:14rem;height:2.875rem;background-size:100%;background-repeat:no-repeat}.page4 .pageinner .p4-input-wrap .p4-input-item-wrap .p4-input-item input{position:absolute;width:9.95rem;height:2rem;right:.375rem;top:.20rem;border:.25rem;color:#000000;font-weight:bold;padding:0 .5rem;border:none;background:transparent}.page4 .pageinner .p4-input-wrap .p4-input-item-wrap .p4-input-item:nth-child(1){background-image:url(../images/p4_input_01.png)}.page4 .pageinner .p4-input-wrap .p4-input-item-wrap .p4-input-item:nth-child(2){background-image:url(../images/p4_input_02.png)}.page4 .pageinner .p4-input-wrap .p4-btn{position:absolute;left:50%;margin-left:-4.2875rem;width:8.575rem;height:2.275rem;background-size:100%;background-repeat:no-repeat;background-image:url(../images/p4_btn.png);bottom:0}.page5 .p5-center{animation:pulse 3s ease-in-out infinite;position:absolute;top:2.275rem;left:.75rem;width:17.6rem;height:30.9rem;background-size:100%;background-repeat:no-repeat;background-image:url(../images/p5_center.png)}.page5 .p5-bottom{animation:scaleIn 0.3s 0.3s ease-in both;position:absolute;left:50%;margin-left:-11.2875rem;width:22.575rem;height:12.875rem;background-size:100%;background-repeat:no-repeat;background-image:url(../images/p5_bottom.png);bottom:1.125rem}.page5 .pageinner .p5-box{animation:bigScaleIn .3s ease-in both;position:absolute;top:5rem;left:50%;margin-left:-7.3375rem;width:14.675rem;height:12rem;background-size:100%;background-repeat:no-repeat;background-image:url(../images/p5_box.png)}.page5 .pageinner .p5-box .p5-card{animation:pulse 3s ease-in-out infinite;position:absolute;width:2.85rem;height:2.025rem;background-size:100%;background-repeat:no-repeat;background-image:url(../images/p5_card.png);right:-1.55rem;bottom:1.4rem}@keyframes burst1{0%{opacity:1}28.57114%{transform:scale(1.2);opacity:0}28.57143%{transform:scale(1);opacity:1}100%{transform:scale(1);opacity:1}}@keyframes vertical{0%{transform:translate(0, -3px)}5.55556%{transform:translate(0, 3px)}11.11111%{transform:translate(0, -3px)}16.66667%{transform:translate(0, 3px)}22.22222%{transform:translate(0, -3px)}27.77778%{transform:translate(0, 3px)}30.55556%{transform:translate(0, 0)}100%{transform:translate(0, 0)}}@keyframes double-flash{0%{opacity:1}25%{opacity:0.3}50%{opacity:1}75%{opacity:0.3}100%{opacity:1}}@keyframes double-flash_2{0%{opacity:1}25%{opacity:0}50%{opacity:1}75%{opacity:0}100%{opacity:1}}@keyframes double-flash_3{0%{opacity:.5}25%{opacity:0}50%{opacity:.5}75%{opacity:0}100%{opacity:.5}}@keyframes pulse_1{0%{transform:scale(1)}50%{transform:scale(0.9)}100%{transform:scale(1)}}@keyframes pulse_2{0%{transform:scale(1)}50%{transform:scale(1.25)}100%{transform:scale(1)}}@keyframes pulse_3{0%{transform:scale(0.8)}25%{transform:scale(1.2)}50%{transform:scale(0.8)}75%{transform:scale(1.2)}100%{transform:scale(1)}}@keyframes float_1{0%{transform:translateY(0)}50%{transform:translateY(-6px)}100%{transform:translateY(0)}}@keyframes rightIn{0%{transform:translateX(100%);opacity:0}100%{transform:translateX(0);opacity:1}}@keyframes leftOut{0%{transform:translateX(0);opacity:1}100%{transform:translateX(-750px) translateY(-1448px);opacity:0}}@-webkit-keyframes textScale{from{-webkit-transform:scale(1)}to{-webkit-transform:scale(1.05)}}