html,body{width:100%;height:100%;margin:0 auto;position:relative;max-width:750px;overflow:hidden}.cf:before,.cf:after{content:" ";display:table}.cf:after{clear:both}.cf{*zoom:1}#rotate{position:fixed;top:20px;right:20px;z-index:999;width:60px;height:60px;background-image:url(../images/mu.png);background-repeat:no-repeat;background-size:100% auto;-webkit-tap-highlight-color:rgba(255,0,0,0)}.rotate_ani{-webkit-animation:rotating 3s linear 0s infinite;-moz-animation:rotating 3s linear 0s infinite;-ms-animation:rotating 3s linear 0s infinite;animation:rotating 3s linear 0s infinite}@-webkit-keyframes rotating{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes rotating{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.loading{width:100%;height:100%;position:absolute;top:0;left:0;z-index:999}.loading .loading_bg{width:750px;position:absolute;top:0;left:0}.loading .timeline{position:absolute;width:100%;top:470px;left:0;right:0;text-align:center;font-size:28px;color:#FFF;letter-spacing:5px;text-shadow:2px 2px #ccc}@-webkit-keyframes arrMove{0%,100%{transform:translateY(0);-webkit-transform:translateY(0)}50%{transform:translateY(20px);-webkit-transform:translateY(20px)}}@keyframes arrMove{0%,100%{transform:translateY(0);-webkit-transform:translateY(0)}50%{transform:translateY(40px);-webkit-transform:translateY(40px)}}.posAbs{position:absolute}.center{left:0;right:0;margin:auto}@-webkit-keyframes videoBtnPulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.2,1.2,1.2);transform:scale3d(1.2,1.2,1.2)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes videoBtnPulse{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.2,1.2,1.2);-ms-transform:scale3d(1.2,1.2,1.2);transform:scale3d(1.2,1.2,1.2)}100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.fmBox{width:100%;height:100%;background:url(../images/fmBg.jpg) no-repeat top left;background-size:100% auto}.fmBox .topic{top:190px;left:95px;opacity:0}.fmBox .enterBtn{top:670px;left:228px;opacity:0}.fmBox.active .topic{-webkit-animation:popIn 1s linear forwards;animation:popIn 1s linear forwards}.fmBox.active .enterBtn{-webkit-animation:popInBottom 1s linear 1s forwards,pulse 1s linear 2s infinite;animation:popInBottom 1s linear 1s forwards,pulse 1s linear 2s infinite}.videoBox,.endBox{width:100%;height:100%;top:0;left:0;display:none}.endBox{width:100%;height:100%;background:url(../images/endBg.jpg) no-repeat top left;background-size:100% auto}.endBox .heart{top:540px;left:150px}.endBox .tips{top:555px;left:480px;-webkit-animation:pulse 1s linear infinite;animation:pulse 1s linear infinite}.endBox .logo{bottom:30px;left:218px}.savePage{width:100%;height:100%;top:0;left:0;display:none;background:url(../images/downImg.jpg) no-repeat top left;background-size:100% auto}.savePage .downImg{top:0;left:0;opacity:0}.savePage .downTips{top:660px;left:0;right:0;margin:0 auto}.savePage .downTips.active{-webkit-animation:pulse1 2s linear 3,fadeOut 1s linear 6s forwards;animation:pulse1 2s linear 5,fadeOut 1s linear 6s forwards}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes popInBottom{0%{-webkit-transform:translate3d(0,200px,0) scale3d(0.1,.1,.1);transform:translate3d(0,200px,0) scale3d(0.1,.1,.1);opacity:0}40%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.47,0,.745,.715);animation-timing-function:cubic-bezier(0.47,0,.745,.715);-webkit-transform:translate3d(0,0,0) scale3d(1.08,1.08,1.08);transform:translate3d(0,0,0) scale3d(1.08,1.08,1.08)}60%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.42,0,.58,1);animation-timing-function:cubic-bezier(0.42,0,.58,1);-webkit-transform:translate3d(0,0,0) scale3d(1,1,1);transform:translate3d(0,0,0) scale3d(1,1,1)}80%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.42,0,.58,1);animation-timing-function:cubic-bezier(0.42,0,.58,1);-webkit-transform:translate3d(0,0,0) scale3d(1.03,1.03,1.03);transform:translate3d(0,0,0) scale3d(1.03,1.03,1.03)}100%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.25,.46,.45,.94);animation-timing-function:cubic-bezier(0.25,.46,.45,.94);-webkit-transform:translate3d(0,0,0) scale3d(1,1,1);transform:translate3d(0,0,0) scale3d(1,1,1)}}@keyframes popIn{0%{-webkit-transform:scale3d(0,0,0);transform:scale3d(0,0,0);opacity:0}20%{opacity:1}40%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.47,0,.745,.715);animation-timing-function:cubic-bezier(0.47,0,.745,.715);-webkit-transform:scale3d(1.08,1.08,1.08);transform:scale3d(1.08,1.08,1.08)}60%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.42,0,.58,1);animation-timing-function:cubic-bezier(0.42,0,.58,1);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}80%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.42,0,.58,1);animation-timing-function:cubic-bezier(0.42,0,.58,1);-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}100%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.25,.46,.45,.94);animation-timing-function:cubic-bezier(0.25,.46,.45,.94);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@-webkit-keyframes pulse1{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.15,1.15,1.15);transform:scale3d(1.15,1.15,1.15)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse1{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.15,1.15,1.15);transform:scale3d(1.15,1.15,1.15)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}