[v-cloak]{display:none}.f54{font-size:.28125rem;line-height:.338542rem}.f50{font-size:.260417rem}.f36{font-size:.1875rem}.f32{font-size:.166667rem}.f25{font-size:.130208rem}.f24{font-size:.125rem}.f21{font-size:.109375rem}.f20{font-size:.104167rem}.f17{font-size:.088542rem}.container *{-webkit-box-sizing:border-box;box-sizing:border-box}#container{line-height:normal;position:relative;background:#000}.page{position:relative;width:100%;overflow:hidden;color:#fff;white-space:nowrap;height:5.625rem}.page .bg{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.page .text-content{position:absolute}.tc{text-align:center}.tc-hor{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tc-ver{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.section-video,video,.gif-img{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.img-block{display:block;margin:0 auto}.default-img,canvas,video{max-width:100%}.page-1{height:5.619792rem}.page-1 .text-content{top:.364583rem}.page-1 .text-content .page1-2{width:3.317708rem;z-index:10}.page-1 .page1-3{position:absolute;left:50%;bottom:.416667rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:2.515625rem;z-index:10}.page-22{height:5.708333rem}.page-22 .play-btn{width:1.026042rem;position:absolute;top:2.1875rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);cursor:pointer}.page-2{height:5.619792rem}.page-3{height:4.1875rem}.page-3 .text-content{top:.729167rem}.page-3 .text-content .page3-2{width:4.963542rem;z-index:10}.page-4 .text-content{top:1.354167rem;left:4.947917rem}.page-4 .text-content .page4-2{width:3.348958rem;z-index:10;position:relative}.page-5{height:5.614583rem}.page-5 .text-content{top:1.666667rem;left:1.041667rem}.page-5 .text-content .page5-2{width:3.359375rem;z-index:10;position:relative}.page-6 .text-content{top:1.09375rem;left:.677083rem}.page-6 .text-content .page6-2{width:3.1875rem;z-index:10;position:relative}.page-6 .icon-box{position:absolute;left:.520833rem;top:3.645833rem}.page-6 .icon-box .icon{width:3.005208rem;z-index:10;position:relative;margin-bottom:.104167rem;cursor:pointer}.page-7{height:1.979167rem;z-index:10}.page-7 .jump-btn{width:4.744792rem;position:absolute;bottom:.260417rem;left:48%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1000;cursor:pointer}.certificate-modal *{-webkit-box-sizing:border-box;box-sizing:border-box}.certificate-modal{background:#f5f5f7;opacity:1;position:fixed;left:0;right:0;top:0;bottom:0;z-index:1000;overflow-y:scroll;padding-top:.520833rem;padding-bottom:.520833rem}.certificate-modal .modal-content{padding-bottom:.520833rem;width:5.286458rem;margin:0 auto;border-radius:.078125rem}.certificate-modal .modal-content .modal-img{width:100%}.certificate-modal .close-icon{width:.15625rem;position:fixed;top:.520833rem;right:2.083333rem;cursor:pointer;-webkit-transition:all 320ms cubic-bezier(0.48,.04,.52,.96);transition:all 320ms cubic-bezier(0.48,.04,.52,.96)}.certificate-modal .close-icon:hover{opacity:.8}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-delay:1.5s;animation-delay:1.5s}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}