a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}body{background-color:#000;font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif}.section{text-align:center;overflow:hidden}.wrap{width:100%;height:100%;margin-left:auto;margin-right:auto;position:relative}.canvas-wrap{position:fixed;left:0;right:0;bottom:0;top:0;z-index:9}.canvas-box{width:100%;position:absolute;left:0;right:0;bottom:0;top:0;opacity:.3;z-index:2}.canvas-bg{width:100%;height:100%;position:absolute;left:0;right:0;bottom:0;top:0;background-color:#000;background-repeat:no-repeat;background-size:cover;background-position:center center;z-index:1}.page-wrap{position:absolute;top:0;left:0;right:0;bottom:0;color:#fff;z-index:12}.page-wrap .section .title{margin-top:50px;padding:0 14%;line-height:45px;font-weight:300;font-size:45px;text-shadow:0 0 50px #0054ff,0 0 60px #0054ff}.page-wrap .section .title .icon{width:50px;height:48px;display:inline-block;margin:0 10px 4px 0;vertical-align:middle;fill:#fff}.page-wrap .section .tips{position:absolute;bottom:15px;left:100px;right:100px}.page-wrap .section .tips p{font-size:12px;color:#86caff}.logo{position:absolute;top:40px;left:42px;width:200px;height:61px;background:url(../images/logo.62ce85aa34.png) no-repeat;background-size:cover;vertical-align:middle;z-index:99}.dialog-guide{position:absolute;width:100%;height:100%;overflow:hidden;left:0;top:0;font-size:14px;z-index:999999;display:none;background:#32373b}.dialog-guide .guide-wrapper{position:absolute;left:50%;top:50%;width:250px;height:150px;margin:-75px 0 0 -125px;text-align:center;color:#fff}.dialog-guide .guide-wrapper .icon-rotate-phone{position:relative;display:block;top:-10px;margin:0 auto;-webkit-animation:rotate-always 1.6s linear infinite;animation:rotate-always 1.6s linear infinite;-webkit-animation-play-state:initial;animation-play-state:initial;width:128px;height:194px;background:url(../images/phone-icon.png) no-repeat;background-size:128px auto}@-webkit-keyframes rotate-always{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}30%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}70%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes rotate-always{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}30%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}70%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}.arrow-lide{position:absolute;width:24px;height:24px;z-index:100;bottom:50px;left:50%;margin-left:-12px;display:none}.page-wrap .section:last-child .arrow-lide{display:none}.chevron{position:absolute;width:21px;height:2px;opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);-webkit-animation:move 3s ease-out infinite;animation:move 3s ease-out infinite}.chevron:first-child{-webkit-animation:move 3s ease-out 1s infinite;animation:move 3s ease-out 1s infinite}.chevron:nth-child(2){-webkit-animation:move 3s ease-out 2s infinite;animation:move 3s ease-out 2s infinite}.chevron:after,.chevron:before{content:' ';position:absolute;top:0;height:100%;width:51%;background:#fff}.chevron:before{left:0;-webkit-transform:skew(0deg,45deg);transform:skew(0deg,45deg)}.chevron:after{right:0;width:50%;-webkit-transform:skew(0deg,-45deg);transform:skew(0deg,-45deg)}@-webkit-keyframes move{25%{opacity:1}33%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}67%{opacity:1;-webkit-transform:translateY(25px);transform:translateY(25px)}100%{opacity:0;-webkit-transform:translateY(30px) scale3d(.5,.5,.5);transform:translateY(30px) scale3d(.5,.5,.5)}}@keyframes move{25%{opacity:1}33%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}67%{opacity:1;-webkit-transform:translateY(25px);transform:translateY(25px)}100%{opacity:0;-webkit-transform:translateY(30px) scale3d(.5,.5,.5);transform:translateY(30px) scale3d(.5,.5,.5)}}@media screen and (max-width:480px) and (orientation:portrait){canvas{display:none}}