/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */body,html{-webkit-text-size-adjust:100%}#common-landscape-center:before,#common-pc-center:before{content:'';background-size:100% 100%;display:block}html{font-family:sans-serif;-ms-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}body,html{width:100%;height:100%}body{margin:0;position:absolute;font:28px/1.2 Heiti SC,Helvetica Neue,Helvetica,sans-serif;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-webkit-user-select:none;overflow:hidden}a,img{-webkit-touch-callout:none}img{border:none}div,p,span,ul{margin:0;padding:0;list-style:none}#common-landscape,#common-loading,#common-pc,#common-share{position:fixed;left:0;top:0;right:0;bottom:0;z-index:10000;display:none}#common-landscape-center,#common-loading-center,#common-pc-center{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#common-loading{background-color:#fff}#common-landscape,#common-pc{background:#000}#common-landscape-center:before{width:1em;height:2em;margin:0 auto 1em;-webkit-animation:common-landscape 2.4s ease infinite;animation:common-landscape 2.4s ease infinite}#common-landscape-center:after{content:'为了更好的体验，请使用竖屏浏览';display:block;color:#fff;text-align:center;font-size:.32em}#common-pc-center img{display:block;border:10px solid #fff;margin:0 auto 60px}#common-pc-center:before{position:absolute;left:50%;top:113px;width:50px;height:50px;margin-left:-25px;border-radius:9px}.common-container,.section{height:100%;overflow:hidden}#common-pc-center:after{content:'为了更好的体验，请使用手机扫描二维码浏览';display:block;color:#fff;text-align:center;font-size:20px}#common-share{background-size:60% auto}.common-container{background-color:#000;width:750px;position:static}.loading,.loading .light,.section{position:absolute;width:750px}@-webkit-keyframes common-landscape{0%{-webkit-transform:rotate(90deg);opacity:0}15%{-webkit-transform:rotate(90deg);opacity:1}50%,85%{-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform:rotate(0);opacity:0}}@keyframes common-landscape{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}15%{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:1}50%,85%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:0}}.hidden{display:none}.loading .btn:after,.section1 .ss_btn:after{display:block;content:""}.transparent{opacity:0}.active{opacity:1;z-index:20}.section{left:0;top:0}.loading{height:100vh;background:url(../img/3_loading.jpg) center center no-repeat #000;background-size:cover;overflow:hidden}.loading.active .light{animation:fadeChange .5s linear infinite}.loading .light{height:750px;left:0;top:85px;background:url(../img/light.png) center top no-repeat}.loading .btn,.loading .inner,.loading .txt{position:relative}.loading .txt{width:342px;height:292px;margin:268px auto 0;background:url(../img/loading_txt.png) center no-repeat;opacity:0;animation:fadeIn 1s ease-in-out forwards}.loading .loading-percent{position:relative;margin-top:266px;width:100%;text-align:center;font-size:42px;color:#bda176;font-family:Baskerville,Arial,Helvetica,sans-serif}.loading .btn{margin:266px auto 0;width:214px;height:52px}.loading .btn:after{position:absolute;width:200px;height:50px;left:0;top:0;border:2px solid #bda176;transform:skewX(-12deg)}.loading .btn:active .btn_img{left:-5px;top:1px;animation:none}.loading .btn .btn_img{position:absolute;width:100%;height:100%;left:-10px;top:-7px;background:url(../img/jd_btn.png) center no-repeat;background-size:contain;animation:shake .72s ease-in-out infinite;z-index:2}.loading .l_logo{position:fixed;left:202px;bottom:85px}.android .section1.fade_out{animation:none}.section1{background-color:#000}.section1.active .tip_txt{animation:specialFade 15s linear infinite}.section1.fade_out{animation:fadeOut 2.8s linear backwards}.section1 .video_box{position:absolute;width:750px;height:1448px;left:0;top:50%;margin-top:-724px}.section1 .tg_btn{position:absolute;width:101px;height:47px;top:37px;right:37px;background:url(../img/icons1.png) -210px -84px no-repeat}.section1 .ss_btn{position:absolute;width:152px;height:152px;bottom:114px;left:297px;border:2px solid #bda176;border-radius:50%}.section1 .ss_btn.cur:after{animation:shake .72s ease-in-out infinite}.section1 .ss_btn.cur:active:after,.section1 .ss_btn:active:after{left:-2px;bottom:-2px;animation:none}.section1 .ss_btn:after{position:absolute;width:156px;height:156px;background:url(../img/ss_btn.png) center no-repeat}.section1 .tip_txt{position:absolute;bottom:50px;width:100%;text-align:center;color:#fff;font-size:28px}.transfer_sen{position:absolute;width:375px;height:667px;left:50%;top:50%;background:url(../img/2019s.png);z-index:3;transform:translate(-50%,-50%) scale(2,2)}.transfer_sen.cur{z-index:22;animation:transferAnimate 2.42s steps(1) infinite}.android .section2.active .zhezhao{display:none;animation:none}.section2{background:url(../img/result_1.png) center center no-repeat;background-size:cover}.section2.active .zhezhao{position:absolute;width:100%;height:100%;left:0;top:0;background-color:#000;animation:fadeOutAndZindex 1.3s linear 2.3s forwards;z-index:99}.section2 .canvas_wrapper{position:relative;padding:30px 0;background:url(../img/result_2.png) center center no-repeat;background-size:cover}.section2 .kuang{position:relative;margin:0 auto;width:692px;padding:4px 6px;border:4px solid #a58d6d;box-sizing:border-box}.section2 .kuang .inner_kuang{position:relative;width:100%;height:100%;border:1px solid #a58d6d;box-sizing:border-box}.section2 .kuang .inner_kuang:after{left:-28px;bottom:-18px;background-position:-134px 0}.section2 .kuang .inner_kuang:after,.section2 .kuang:after,.section2 .kuang:before{position:absolute;content:"";display:block;width:67px;height:133px;background-image:url(../img/icons1.png);background-repeat:no-repeat;z-index:2}.section2 .kuang:before{left:-21px;top:-10px;background-position:0 0}.section2 .kuang:after{right:-21px;top:-10px;background-position:-67px 0}.section2 .kuang .wx_nickname{position:relative;width:100%;height:96px}.section2 .kuang .wx_nickname span{position:absolute;width:270px;left:50%;top:22px;text-align:center;font-size:36px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transform:translateX(-50%)}.section2 .kuang .wx_nickname:after,.section2 .kuang .wx_nickname:before{position:absolute;content:"";display:block}.section2 .kuang .wx_nickname:before{left:0;bottom:14px;width:100%;height:2px;background-color:#a58d6d}.section2 .kuang .wx_nickname:after{left:0;bottom:0;width:100%;height:8px;background-image:url(../img/icons1.png);background-position:0 -195px;background-repeat:repeat-x}.section2 .kuang .title{width:100%;height:58px;background:url(../img/icons1.png) center -136px no-repeat;margin-top:40px}.section2 .kuang .keywords{position:relative;width:100%;height:120px;margin-top:30px;background-image:url(../img/keywords.png);background-repeat:no-repeat;background-position:center 0}.section2 .kuang .video_img_38{background:url(../img/v_38.jpg) center center no-repeat;background-size:contain}.section2 .kuang .video_img_37{background:url(../img/v_37.jpg) center center no-repeat;background-size:contain}.section2 .kuang .video_img_36{background:url(../img/v_36.jpg) center center no-repeat;background-size:contain}.section2 .kuang .video_img_35{background:url(../img/v_35.jpg) center center no-repeat;background-size:contain}.section2 .kuang .video_img_34{background:url(../img/v_34.jpg) center center no-repeat;background-size:contain}.section2 .kuang .video_img_33{background:url(../img/v_33.jpg) center center no-repeat;background-size:contain}.section2 .kuang .video_img_32{background:url(../img/v_32.jpg) center center no-repeat;background-size:contain}.section2 .kuang .video_img_31{background:url(../img/v_31.jpg) center center no-repeat;background-size:contain}.section2 .kuang .video_img_30{background:url(../img/v_30.jpg) center center no-repeat;background-size:contain}.section2 .kuang .video_img_29{background:url(../img/v_29.jpg) center center no-repeat;background-size:contain}.section2 .kuang .video_img_28{background:url(../img/v_28.jpg) center center no-repeat;background-size:contain}.section2 .kuang .video_img_27{background:url(../img/v_27.jpg) center center no-repeat;background-size:contain}.section2 .kuang .video_img_26{background:url(../img/v_26.jpg) center center no-repeat;background-size:contain}.section2 .kuang .video_img_25{background:url(../img/v_25.jpg) center center no-repeat;background-size:contain}.section2 .kuang .video_img_24{background:url(../img/v_24.jpg) center center no-repeat;background-size:contain}.section2 .kuang .video_img_23{background:url(../img/v_23.jpg) center center no-repeat;background-size:contain}.section2 .kuang .video_img_22{background:url(../img/v_22.jpg) center center no-repeat;background-size:contain}.section2 .kuang .video_img_21{background:url(../img/v_21.jpg) center center no-repeat;background-size:contain}.section2 .kuang .video_img_20{background:url(../img/v_20.jpg) center center no-repeat;background-size:contain}.section2 .kuang .video_img_19{background:url(../img/v_19.jpg) center center no-repeat;background-size:contain}.section2 .kuang .video_img_18{background:url(../img/v_18.jpg) center center no-repeat;background-size:contain}.section2 .kuang .video_img_17{background:url(../img/v_17.jpg) center center no-repeat;background-size:contain}.section2 .kuang .video_img_16{background:url(../img/v_16.jpg) center center no-repeat;background-size:contain}.section2 .kuang .video_img_15{background:url(../img/v_15.jpg) center center no-repeat;background-size:contain}.section2 .kuang .video_img_14{background:url(../img/v_14.jpg) center center no-repeat;background-size:contain}.section2 .kuang .video_img_13{background:url(../img/v_13.jpg) center center no-repeat;background-size:contain}.section2 .kuang .video_img_12{background:url(../img/v_12.jpg) center center no-repeat;background-size:contain}.section2 .kuang .video_img_11{background:url(../img/v_11.jpg) center center no-repeat;background-size:contain}.section2 .kuang .video_img_10{background:url(../img/v_10.jpg) center center no-repeat;background-size:contain}.section2 .kuang .video_img_9{background:url(../img/v_9.jpg) center center no-repeat;background-size:contain}.section2 .kuang .video_img_8{background:url(../img/v_8.jpg) center center no-repeat;background-size:contain}.section2 .kuang .video_img_7{background:url(../img/v_7.jpg) center center no-repeat;background-size:contain}.section2 .kuang .video_img_6{background:url(../img/v_6.jpg) center center no-repeat;background-size:contain}.section2 .kuang .video_img_5{background:url(../img/v_5.jpg) center center no-repeat;background-size:contain}.section2 .kuang .video_img_4{background:url(../img/v_4.jpg) center center no-repeat;background-size:contain}.section2 .kuang .video_img_3{background:url(../img/v_3.jpg) center center no-repeat;background-size:contain}.section2 .kuang .video_img_2{background:url(../img/v_2.jpg) center center no-repeat;background-size:contain}.section2 .kuang .video_img_1{background:url(../img/v_1.jpg) center center no-repeat;background-size:contain}.section2 .kuang .video_cut{position:relative;height:380px;width:calc(100% + 2px);left:-1px;margin:45px auto 30px;padding:55px 0;background-color:#000}.section2 .kuang .video_cut:before{position:absolute;content:"";display:block;width:100%;height:118px;left:0;bottom:55px;background:-webkit-linear-gradient(top,#000,transparent);background:-o-linear-gradient(top #000,transparent);background:-moz-linear-gradient(top #000,transparent);background:linear-gradient(to top,#000,transparent)}.section2 .kuang .video_name{position:absolute;left:0;top:55px;padding-left:14px;padding-right:72px;height:50px;line-height:50px;color:#fff;font-size:24px;background:-webkit-linear-gradient(left,#b9a578,transparent);background:-o-linear-gradient(right,#b9a578,transparent);background:-moz-linear-gradient(right,#b9a578,transparent);background:linear-gradient(to right,#b9a578,transparent)}.section2 .kuang .desc{position:absolute;width:570px;left:55px;bottom:75px;font-size:26px;line-height:34px;color:#efefef;text-align:center}.section2 .kuang .desc span{width:570px;height:60px}.section2 .kuang .desc .js-canvas-ignore{position:absolute;left:0;top:0;text-shadow:1px 1px 0 rgba(63,117,169,.44)}.section2 .kuang .link_desc{position:relative;height:26px;margin-bottom:110px;font-size:25px;letter-spacing:0;text-align:center;white-space:nowrap;box-sizing:border-box}.section2 .kuang .link_desc:before{content:"";position:relative;display:inline-block;width:60px;height:100%;top:4px;background:url(../img/icons1.png) -210px 0 no-repeat}.section2 .kuang .cs_btn{position:absolute;width:160px;height:50px;left:50%;bottom:100px;margin-left:-80px;background:url(../img/icons1.png) -210px -30px no-repeat}.section2 .kuang .line{position:relative;width:100%;height:12px;background:url(../img/icons1.png) 0 -195px repeat-x;border-bottom:2px solid #a58d6d}.section2 .kuang .b_logo{display:block;position:relative;margin:17px auto 13px}.section2 .kuang .qrcode_box{position:absolute;width:141px;height:169px;padding:10px 11px;background-color:#fff;box-sizing:border-box;right:-36px;bottom:-20px}.section2 .kuang .qrcode_box #qrcode{width:117px;height:117px;margin-bottom:10px}.section2 .kuang .qrcode_box .qr_txt{position:relative;display:block;width:141px;height:30px;left:-11px}.section2 .kuang .qrcode_box .qr_txt .result_page_txt{background-color:#fff;font-size:20px}.section2 .kuang .qrcode_box .qr_txt .result_img_txt{font-size:18px;white-space:nowrap}.section2 .kuang .qrcode_box .qr_txt span{position:absolute;left:0;top:0;width:100%;height:100%;line-height:30px;color:#a58d6d;text-align:center}.section2 .result-img{position:absolute;left:0;top:0;width:750px;height:100%}.section2 .result-img img{width:100%;height:100%}.section2.active .result-img{z-index:100}.scale .section2 .kuang{transform-origin:center center}.scale .section2 .kuang .wx_nickname{height:93px}.scale .section2 .kuang .wx_nickname span{top:18px}.scale .section2 .kuang .title{margin-top:22px}.scale .section2 .kuang .keywords{margin-top:16px}.scale .section2 .kuang .video_cut{margin:28px auto}.scale .section2 .kuang .link_desc{margin-bottom:89px}.scale .section2 .kuang .cs_btn{bottom:92px}.js-diy-csbtn{position:absolute;width:160px;height:50px;left:50%;margin-left:-80px;z-index:1}.ipx .section2 .video_cut{margin-bottom:69px}.android .section1 .tg_btn{top:130px}#myCanvas{position:absolute;width:100%;height:100%}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOutAndZindex{0%{opacity:1;z-index:202}100%{opacity:0;z-index:99}}@keyframes fadeChange{0%,100%{opacity:1}50%{opacity:.8}}@keyframes shake{0%,100%{transform:translate(0,0)}50%{transform:translate(-10px,-8px)}}@keyframes transferAnimate{0%{background-position:0 0}3.45%{background-position:-375px 0}6.90%{background-position:-750px 0}10.34%{background-position:-1125px 0}13.79%{background-position:-1500px 0}17.24%{background-position:0 -667px}20.69%{background-position:-375px -667px}24.14%{background-position:-750px -667px}27.59%{background-position:-1125px -667px}31.03%{background-position:-1500px -667px}34.48%{background-position:0 -1334px}37.93%{background-position:-375px -1334px}41.38%{background-position:-750px -1334px}44.83%{background-position:-1125px -1334px}48.28%{background-position:-1500px -1334px}51.72%{background-position:0 -2001px}55.17%{background-position:-375px -2001px}58.62%{background-position:-750px -2001px}62.07%{background-position:-1125px -2001px}65.52%{background-position:-1500px -2001px}68.97%{background-position:0 -2668px}72.41%{background-position:-375px -2668px}75.86%{background-position:-750px -2668px}79.31%{background-position:-1125px -2668px}82.76%{background-position:-1500px -2668px}86.21%{background-position:0 -3335px}89.66%{background-position:-375px -3335px}93.10%{background-position:-750px -3335px}96.55%{background-position:-1125px -3335px}100.00%{background-position:-1500px -3335px}}@keyframes specialFade{0%,13%{opacity:1}100%,26%{opacity:0}}