body,html{padding:0;margin:0 auto;width:100%;line-height:normal;font-family:"Microsoft YaHei"}p{padding:0;margin:0;height:auto}img{padding:0;margin:0;vertical-align:bottom}[v-cloak]{display:none}.f65{font-size:.338542rem}.f60{font-size:.3125rem;letter-spacing:.015625rem;color:#3c4750}.f30{font-size:.15625rem}.f26{font-size:.135417rem;font-weight:400;color:#3c4750}.fb{font-weight:700}.w-400{font-weight:400}.w-600{font-weight:600}.center{text-align:center}.text-shadow{text-shadow:0 0 26px #fff}.container{width:100%;background:#fff}.page{position:relative}.page>img{width:100%;vertical-align:middle}.default-img{width:100%}.canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.page2 .page2-1{position:absolute;left:50%;top:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:1.458333rem}.page2 .page2-1 img{width:100%}.page2 .text{position:absolute;top:.625rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.page2 .text .f26{letter-spacing:.005208rem}.page2 .page2-2{position:absolute;top:.833333rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:6.880208rem}.page2 .page2-2 img{width:100%}.page2 .page2-2 .remake{width:5.833333rem;height:3.229167rem;position:absolute;left:.625rem;top:2.083333rem;cursor:pointer;z-index:99}.page2 .page2-2 .remake .play-btn{width:.666667rem;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.page3 .page3-2{width:100%}.page3 .page3-2 .video-1{width:100%;display:block}.page3 .page3-1{position:absolute;top:.260417rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:9.541667rem;z-index:100}.page3 .page3-1 img{width:100%}.page3 .text{position:absolute;left:2.135417rem;top:1.25rem}.page4 .top-mask{width:100%}.page4 .top-mask{position:absolute;top:-.520833rem;left:0;width:100%;display:inline-block}.page4 .top-mask img{width:100%}.page4 .content{position:absolute;top:.416667rem;left:0;width:100%;z-index:100}.page4 .page4-1{width:100%;margin-top:-.010417rem}.page4 .page4-1 .video-2{width:100%;display:block}.page5{margin-top:-.020833rem}.page5 .top-mask{width:100%}.page5 .top-mask{position:absolute;top:-.520833rem;left:0;width:100%;display:inline-block}.page5 .top-mask img{width:100%}.page5 .page5-1{width:100%}.page5 .page5-1 .video-3{width:100%;display:block}.page5 .content{position:absolute;top:1.145833rem;left:0;width:100%}.page5 .content .text{padding-left:1.927083rem}.page5 .content .page5-box{position:absolute;top:-.625rem;left:2.098958rem}.page5 .content .page5-1{width:5.265625rem}.page5 .content .page5-2{width:5.046875rem;position:absolute;left:.3125rem;bottom:-.208333rem}.page6 .page6-1{width:100%}.page6 .page6-2{position:absolute;top:-.260417rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.page6 .f30{display:inline-block;color:#4187b8;border-bottom:1px solid #4187b8}.small-snow{background:url(https://static-assets-prod.okii.com/xtc-products/z7-bxqy/pc/snow-1.png) no-repeat;width:.229167rem;height:.208333rem}.big-snow{background:url(https://static-assets-prod.okii.com/xtc-products/z7-bxqy/pc/snow-2.png) no-repeat;width:.359375rem;height:.322917rem}.snow{position:absolute;opacity:0;animation:mysnow 7s;-webkit-animation:mysnow 7s;-moz-animation:mysnow 7s;display:inline-block;background-size:contain}#snow-flow{z-index:9999;position:fixed}.container-1{position:fixed;width:.229167rem;height:.208333rem}@-webkit-keyframes mysnow{0%{bottom:100%;opacity:0}50%{opacity:1;-webkit-transform:rotate(360deg);transform:rotate(360deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:0;bottom:0}}@keyframes mysnow{0%{bottom:100%;opacity:0}50%{opacity:1;-webkit-transform:rotate(360deg);transform:rotate(360deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:0;bottom:0}}.snow-1{position:absolute;opacity:0;animation:mysnow1 7s;-webkit-animation:mysnow1 7s;-moz-animation:mysnow1 7s;display:inline-block;background-size:contain}@-webkit-keyframes mysnow1{0%{bottom:100%;opacity:0}50%{opacity:1;-webkit-transform:translateX(1.041667rem) rotate(360deg);transform:translateX(1.041667rem) rotate(360deg)}100%{-webkit-transform:translateX(2.083333rem) rotate(0deg);transform:translateX(2.083333rem) rotate(0deg);opacity:0;bottom:0}}@keyframes mysnow1{0%{bottom:100%;opacity:0}50%{opacity:1;-webkit-transform:translateX(1.041667rem) rotate(360deg);transform:translateX(1.041667rem) rotate(360deg)}100%{-webkit-transform:translateX(2.083333rem) rotate(0deg);transform:translateX(2.083333rem) rotate(0deg);opacity:0;bottom:0}}.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}