body,html{padding:0;margin:0;width:100%;font-family:"Microsoft YaHei";overflow-x:hidden}p{padding:0;margin:0;font-family:"Microsoft YaHei"}.container{border-top:1px solid #ececec;width:1910px;height:auto;margin:0 auto}.page{width:1920px;height:999px;overflow:hidden;position:relative;margin-bottom:25px}.page .word-box{position:absolute;left:475px;top:310px;width:410px;height:250px;z-index:999}.page .title{margin-top:75px;font-size:48px;color:#141414;font-weight:700}.page .small-title{font-weight:700;color:#141414;font-size:30px}.page .text{line-height:1.6;margin-top:28px;color:#505050;font-size:16px}.page1{background:url(https://static-assets-prod.okii.com/xtc-products/portal-resource/pc/special/band/page1.jpg) no-repeat;background-size:100% auto}.page1 .img-left{position:absolute;bottom:0;left:748px}.page1 .img-right{position:absolute;bottom:19px;left:1002px}.page2{background:url(https://static-assets-prod.okii.com/xtc-products/portal-resource/pc/special/band/page2.jpg) no-repeat;background-size:100% auto}.page2 .img-left{position:absolute;bottom:0;left:748px}.page2 .img-right{position:absolute;top:0;left:1028px}.page3{height:auto}.page3 .word-box{position:absolute;left:475px;top:275px;width:410px;height:250px;z-index:999}.page4{height:220px;width:100%;text-align:center}.page4 hr{background:#ff7800;border:0;width:25px;height:4px;margin-top:80px}.page4 a{width:25px;border-top:4px solid #646464;text-decoration:none;margin-top:5px;color:#646464;font-size:18px;display:inline-block;white-space:nowrap}.page4 a .buy{position:relative;left:-20px;top:8px}.page4 a:hover{color:#ff7800;border-top:4px solid #ff7800}.watchInDown{animation-name:watchInDown;animation-duration:1s;animation-fill-mode:both;-webkit-animation-duration:1s;-webkit-animation-fill-mode:both;-webkit-animation-name:watchInDown}@keyframes watchInDown{from{transform:translate3d(-100%,-100%,0);-ms-transform:translate3d(-100%,-100%,0);-moz-transform:translate3d(-100%,-100%,0);-webkit-transform:translate3d(-100%,-100%,0);-o-transform:translate3d(-100%,-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 watchInDown{from{transform:translate3d(-100%,-100%,0);-ms-transform:translate3d(-100%,-100%,0);-moz-transform:translate3d(-100%,-100%,0);-webkit-transform:translate3d(-100%,-100%,0);-o-transform:translate3d(-100%,-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}}.watchInUp{animation-name:watchInUp;animation-duration:1s;animation-fill-mode:both;-webkit-animation-duration:1s;-webkit-animation-fill-mode:both;-webkit-animation-name:watchInUp}@keyframes watchInUp{from{transform:translate3d(100%,100%,0);-ms-transform:translate3d(100%,100%,0);-moz-transform:translate3d(100%,100%,0);-webkit-transform:translate3d(100%,100%,0);-o-transform:translate3d(100%,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 watchInUp{from{transform:translate3d(100%,100%,0);-ms-transform:translate3d(100%,100%,0);-moz-transform:translate3d(100%,100%,0);-webkit-transform:translate3d(100%,100%,0);-o-transform:translate3d(100%,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}}.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(100%,-100%,0);-ms-transform:translate3d(100%,-100%,0);-moz-transform:translate3d(100%,-100%,0);-webkit-transform:translate3d(100%,-100%,0);-o-transform:translate3d(100%,-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(100%,-100%,0);-ms-transform:translate3d(100%,-100%,0);-moz-transform:translate3d(100%,-100%,0);-webkit-transform:translate3d(100%,-100%,0);-o-transform:translate3d(100%,-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{transform:translate3d(-100%,100%,0);-ms-transform:translate3d(-100%,100%,0);-moz-transform:translate3d(-100%,100%,0);-webkit-transform:translate3d(-100%,100%,0);-o-transform:translate3d(-100%,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)}}@-webkit-keyframes slideInUp{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)}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)}}.delay1{animation-delay:.5s;-webkit-animation-delay:.5s}.delay2{animation-delay:1s;-webkit-animation-delay:1s}.delay3{animation-delay:2s;-webkit-animation-delay:2s}.delay4{animation-delay:2.5s;-webkit-animation-delay:2.5s}.delay5{animation-delay:3.5s;-webkit-animation-delay:3.5s}.slideInUp{animation-name:slideInUp;animation-duration:1s;animation-fill-mode:both;-webkit-animation-duration:1s;-webkit-animation-fill-mode:both;-webkit-animation-name:slideInUp}@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}@keyframes bounceInDown{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-200px,0);-ms-transform:translate3d(0,-200px,0);-moz-transform:translate3d(0,-200px,0);-webkit-transform:translate3d(0,-200px,0);-o-transform:translate3d(0,-200px,0)}60%{opacity:1;transform:translate3d(0,25px,0);-ms-transform:translate3d(0,25px,0);-moz-transform:translate3d(0,25px,0);-webkit-transform:translate3d(0,25px,0);-o-transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);-moz-transform:translate3d(0,-10px,0);-webkit-transform:translate3d(0,-10px,0);-o-transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);-moz-transform:translate3d(0,5px,0);-webkit-transform:translate3d(0,5px,0);-o-transform:translate3d(0,5px,0)}to{transform:none;-ms-transform:none;-moz-transform:none;-webkit-transform:none;-o-transform:none}}@-webkit-keyframes bounceInDown{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-200px,0);-ms-transform:translate3d(0,-200px,0);-moz-transform:translate3d(0,-200px,0);-webkit-transform:translate3d(0,-200px,0);-o-transform:translate3d(0,-200px,0)}60%{opacity:1;transform:translate3d(0,25px,0);-ms-transform:translate3d(0,25px,0);-moz-transform:translate3d(0,25px,0);-webkit-transform:translate3d(0,25px,0);-o-transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);-moz-transform:translate3d(0,-10px,0);-webkit-transform:translate3d(0,-10px,0);-o-transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);-moz-transform:translate3d(0,5px,0);-webkit-transform:translate3d(0,5px,0);-o-transform:translate3d(0,5px,0)}to{transform:none;-ms-transform:none;-moz-transform:none;-webkit-transform:none;-o-transform:none}}.bounceInDown{animation-duration:1s;animation-fill-mode:both;animation-name:bounceInDown;-webkit-animation-duration:1s;-webkit-animation-fill-mode:both;-webkit-animation-name:bounceInDown}@keyframes zoomIn{from{opacity:0;transform:scale3d(0.3,.3,.3);-ms-transform:scale3d(0.3,.3,.3);-moz-transform:scale3d(0.3,.3,.3);-webkit-transform:scale3d(0.3,.3,.3);-o-transform:scale3d(0.3,.3,.3)}50%{opacity:1}}@-webkit-keyframes zoomIn{from{opacity:0;transform:scale3d(0.3,.3,.3);-ms-transform:scale3d(0.3,.3,.3);-moz-transform:scale3d(0.3,.3,.3);-webkit-transform:scale3d(0.3,.3,.3);-o-transform:scale3d(0.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-duration:1s;animation-fill-mode:both;animation-name:zoomIn;-webkit-animation-duration:1s;-webkit-animation-fill-mode:both;-webkit-animation-name:zoomIn}@keyframes moveLeft{0%{visibility:hidden;transform:translate3d(90%,0,0);-ms-transform:translate3d(90%,0,0);-moz-transform:translate3d(90%,0,0);-webkit-transform:translate3d(90%,0,0);-o-transform:translate3d(90%,0,0)}100%{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)}}@-webkit-keyframes moveLeft{0%{visibility:hidden;transform:translate3d(90%,0,0);-ms-transform:translate3d(90%,0,0);-moz-transform:translate3d(90%,0,0);-webkit-transform:translate3d(90%,0,0);-o-transform:translate3d(90%,0,0)}100%{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)}}.moveLeft{animation-duration:1s;animation-fill-mode:forwards;animation-name:moveLeft;-webkit-animation-duration:1s;-webkit-animation-fill-mode:forwards;-webkit-animation-name:moveLeft}@keyframes moveRight{0%{visibility:hidden;transform:translate3d(-90%,0,0);-ms-transform:translate3d(-90%,0,0);-moz-transform:translate3d(-90%,0,0);-webkit-transform:translate3d(-90%,0,0);-o-transform:translate3d(-90%,0,0)}100%{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)}}@-webkit-keyframes moveRight{0%{visibility:hidden;transform:translate3d(-90%,0,0);-ms-transform:translate3d(-90%,0,0);-moz-transform:translate3d(-90%,0,0);-webkit-transform:translate3d(-90%,0,0);-o-transform:translate3d(-90%,0,0)}100%{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)}}.moveRight{animation-duration:1s;animation-fill-mode:both;animation-name:moveRight;-webkit-animation-duration:1s;-webkit-animation-fill-mode:both;-webkit-animation-name:moveRight}.watchMove{animation-duration:3s;animation-fill-mode:both;animation-name:watchMove;-webkit-animation-duration:3s;-webkit-animation-fill-mode:both;-webkit-animation-name:watchMove}@keyframes watchMove{0%{visibility:hidden;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)}50%{visibility:visible;transform:translate3d(0,20px,0);-ms-transform:translate3d(0,20px,0);-moz-transform:translate3d(0,20px,0);-webkit-transform:translate3d(0,20px,0);-o-transform:translate3d(0,20px,0)}100%{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)}}@-webkit-keyframes watchMove{0%{visibility:hidden;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)}50%{visibility:visible;transform:translate3d(0,20px,0);-ms-transform:translate3d(0,20px,0);-moz-transform:translate3d(0,20px,0);-webkit-transform:translate3d(0,20px,0);-o-transform:translate3d(0,20px,0)}100%{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)}}