body,html{padding:0;margin:0 auto;width:100%;line-height:normal;font-family:"Microsoft YaHei"}html body .bugfix-fullscreen.animated{-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}p{padding:0;margin:0;height:auto;font-family:"Microsoft YaHei"}img{padding:0;margin:0}.show{visibility:visible!important}.page-box{overflow-x:auto;width:100%}.page{width:100%;position:relative;background-size:100% 100%;background-position:center}.page-1{height:25.36rem;background-image:url(https://static-assets-prod.okii.com/xtc-products/z5-gift/h5/bg1.jpg);text-align:center}.page-1 .video-wrapper{position:relative}.page-1 .video-box{margin-top:8rem;max-width:100%;width:8.12rem}.page-1 .text{margin-top:.6rem;width:6.466667rem}.page-1 .play-btn{width:1.266667rem;position:absolute;left:50%;top:77%;-webkit-transform:translateX(-50%);transform:translateX(-50%);cursor:pointer}.page-1 .watch-box{margin-top:.6rem;text-align:center}.page-1 .watch-box .watch{width:8.2rem}.page-1 .buy-box{display:inline-block;margin-top:7.1rem}.page-1 .buy-box img{width:2.4rem}.page-1-temp{height:25.36rem;background-image:url(https://static-assets-prod.okii.com/xtc-products/z5-gift/h5/bg.jpg);text-align:center}.page-1-temp .video-wrapper{position:relative}.page-1-temp .video-box{margin-top:8rem;max-width:100%;width:8.12rem}.page-1-temp .text{margin-top:.6rem;width:6.466667rem}.page-1-temp .play-btn{width:1.266667rem;position:absolute;left:50%;top:77%;-webkit-transform:translateX(-50%);transform:translateX(-50%);cursor:pointer}.page-1-temp .watch-box{margin-top:.6rem;text-align:center}.page-1-temp .watch-box .watch{width:8.2rem}.page-1-temp .buy-box{display:inline-block;margin-top:7.1rem}.page-1-temp .buy-box img{width:2.4rem}.slideInDown{animation-name:slideInDown;animation-duration:1s;animation-fill-mode:both;-webkit-animation-duration:1s;-webkit-animation-fill-mode:both;-webkit-animation-name:slideInDown}@keyframes slideInDown{from{transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);-moz-transform:translate3d(0,-100%,0);-webkit-transform:translate3d(0,-100%,0);-o-transform:translate3d(0,-100%,0);visibility:hidden}to{transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);visibility:visible}}@-webkit-keyframes slideInDown{from{transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);-moz-transform:translate3d(0,-100%,0);-webkit-transform:translate3d(0,-100%,0);-o-transform:translate3d(0,-100%,0);visibility:hidden}to{transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);visibility:visible}}@keyframes slideInUp{from{visibility:hidden;transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);-webkit-transform:translate3d(0,100%,0);-o-transform:translate3d(0,100%,0)}to{visibility:visible;transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0)}}.slideInUp{animation-name:slideInUp;animation-duration:1s;animation-fill-mode:both;-webkit-animation-duration:1s;-webkit-animation-fill-mode:both;-webkit-animation-name:slideInUp}@-webkit-keyframes slideInUp{from{visibility:hidden;transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);-webkit-transform:translate3d(0,100%,0);-o-transform:translate3d(0,100%,0)}to{visibility:visible;transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn;animation-duration:1s;animation-fill-mode:both;-webkit-animation-duration:1s;-webkit-animation-fill-mode:both;-webkit-animation-name:fadeIn}@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInDown{animation-name:fadeInDown;animation-duration:1s;animation-fill-mode:both;-webkit-animation-duration:1s;-webkit-animation-fill-mode:both;-webkit-animation-name:fadeInDown}.huaxu-close{position:absolute;top:0;right:.5rem;font-size:1.2rem;color:#fff;margin-top:-1.3rem;font-family:sans-serif}