/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */img,legend{border:0}body,sub,sup{position:relative}body,html{-webkit-text-size-adjust:100%}body,ul{margin:0}legend,td,th,ul{padding:0}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;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}body,html,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}table{border-collapse:collapse;border-spacing:0}body{font:28px/1.2 Heiti SC,Helvetica Neue,Helvetica,sans-serif;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-webkit-user-select:none;background:#fff}ul{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{content:'';display:block;width:1em;height:2em;margin:0 auto 1em;background:url(https://c.m.163.com/nc/qa/activity/tiewhitepaper20170628/img/common-landscape-phone.png) center no-repeat;background-size:100% 100%;-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{content:'';display:block;position:absolute;left:50%;top:113px;width:50px;height:50px;margin-left:-25px;background:url(https://c.m.163.com/nc/qa/activity/tiewhitepaper20170628/img/common-pc-logo.png) center no-repeat;background-size:100% 100%;border-radius:9px}.common-container,.page{width:750px;height:100vh;position:absolute;left:0;top:0;overflow:hidden}#common-pc-center:after{content:'为了更好的体验，请使用手机扫描二维码浏览';display:block;color:#fff;text-align:center;font-size:20px}.hidden,.namepage.out{display:none}#common-share{background:url(https://c.m.163.com/nc/qa/activity/tiewhitepaper20170628/img/common-share-tip.png) right top no-repeat,rgba(0,0,0,.6);background-size:60% auto}@-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}}.page{background:#fff}.loading{z-index:90}.cover{z-index:80}.opening_video{z-index:70;background:#fff}.music_btn,.opening_video .jump{width:64px;height:64px;position:fixed;right:25px;z-index:90}.opening_video .jump{background:url(../img/icons1.png) -500px -900px no-repeat;top:120px}.music_btn{background:url(../img/music_btn.png) no-repeat;top:25px;-webkit-animation:music_btn 10s linear infinite;animation:music_btn 10s linear infinite}.music_btn.close{-webkit-animation:none;animation:none}@-webkit-keyframes music_btn{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@keyframes music_btn{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}.loading{background:#fff;-webkit-transition:opacity .5s;transition:opacity .5s}.loading .app_logo{width:160px;height:40px;position:absolute;left:295px;bottom:63px;background:url(../img/icons.png) -1000px -400px no-repeat}.loading .loading_box{width:750px;height:1206px;position:absolute;left:0;top:0}.loading .muban{width:185px;height:53px;position:absolute;left:283px;top:514px;background:url(../img/icons.png) -1000px -300px no-repeat}.loading .cuodao{width:163px;height:138px;position:absolute;left:375px;top:396px;background:url(../img/icons.png) -1000px 0 no-repeat}.loading .muxues{width:87px;height:45px;position:absolute;left:348px;top:465px}.loading .muxue1{width:14px;height:14px;position:absolute;left:0;top:24px;background:url(../img/icons.png) -1000px -224px no-repeat}.loading .muxue2{width:14px;height:19px;position:absolute;left:30px;top:0;background:url(../img/icons.png) -1030px -200px no-repeat}.loading .muxue3{width:17px;height:17px;position:absolute;left:22px;top:28px;background:url(../img/icons.png) -1022px -228px no-repeat}.loading .muxue4{width:11px;height:10px;position:absolute;left:76px;top:35px;background:url(../img/icons.png) -1076px -235px no-repeat}.loading .muxue1,.loading .muxue2,.loading .muxue3,.loading .muxue4{opacity:0}.loading .loading_text{width:120px;height:44px;background:url(../img/icons.png) -1000px -500px no-repeat;position:absolute;left:252px;top:620px;padding-left:180px}.loading.cur .cuodao{-webkit-animation:cuodao 1.16s infinite;animation:cuodao 1.16s infinite}.loading.cur .muxue4{-webkit-animation:muxue4 680ms infinite;animation:muxue4 680ms infinite}.loading.cur .muxue2{-webkit-animation:muxue2 1.16s infinite;animation:muxue2 1.16s infinite}.loading.cur .muxue3{-webkit-animation:muxue3 560ms infinite;animation:muxue3 560ms infinite}.loading.cur .muxue1{-webkit-animation:muxue1 1.16s infinite;animation:muxue1 1.16s infinite}@-webkit-keyframes muxue1{0%,48.27%{-webkit-transform:rotateZ(0) translate(0,0);transform:rotateZ(0) translate(0,0);opacity:0}58.62%,89.65%{opacity:1}100%{-webkit-transform:rotateZ(-18deg) translate(-40px,-30px);transform:rotateZ(-18deg) translate(-40px,-30px);opacity:0}}@keyframes muxue1{0%,48.27%{-webkit-transform:rotateZ(0) translate(0,0);transform:rotateZ(0) translate(0,0);opacity:0}58.62%,89.65%{opacity:1}100%{-webkit-transform:rotateZ(-18deg) translate(-40px,-30px);transform:rotateZ(-18deg) translate(-40px,-30px);opacity:0}}@-webkit-keyframes muxue3{0%{-webkit-transform:rotateZ(0) translate(0,0);transform:rotateZ(0) translate(0,0);opacity:0}21.42%,78.57%{opacity:1}100%{-webkit-transform:rotateZ(-19deg) translate(-29px,-41px);transform:rotateZ(-19deg) translate(-29px,-41px);opacity:0}}@keyframes muxue3{0%{-webkit-transform:rotateZ(0) translate(0,0);transform:rotateZ(0) translate(0,0);opacity:0}21.42%,78.57%{opacity:1}100%{-webkit-transform:rotateZ(-19deg) translate(-29px,-41px);transform:rotateZ(-19deg) translate(-29px,-41px);opacity:0}}@-webkit-keyframes muxue2{0%,58.62%{-webkit-transform:rotateZ(0) translate(0,0);transform:rotateZ(0) translate(0,0);opacity:0}68.96%,89.65%{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}100%{-webkit-transform:rotateZ(-18deg) translate(-7px,-63px);transform:rotateZ(-18deg) translate(-7px,-63px);opacity:0}}@keyframes muxue2{0%,58.62%{-webkit-transform:rotateZ(0) translate(0,0);transform:rotateZ(0) translate(0,0);opacity:0}68.96%,89.65%{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}100%{-webkit-transform:rotateZ(-18deg) translate(-7px,-63px);transform:rotateZ(-18deg) translate(-7px,-63px);opacity:0}}@-webkit-keyframes muxue4{0%,17.64%{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:0}35.29%,82.35%{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}100%{-webkit-transform:translate(32px,-13px);transform:translate(32px,-13px);opacity:0}}@keyframes muxue4{0%,17.64%{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:0}35.29%,82.35%{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}100%{-webkit-transform:translate(32px,-13px);transform:translate(32px,-13px);opacity:0}}@-webkit-keyframes cuodao{0%,100%{-webkit-transform:rotateZ(0) translate(0,0);transform:rotateZ(0) translate(0,0)}20.69%{-webkit-transform:rotateZ(8deg) translate(-4px,4px);transform:rotateZ(8deg) translate(-4px,4px)}48.27%{-webkit-transform:rotateZ(-7deg) translate(5px,-5px);transform:rotateZ(-7deg) translate(5px,-5px)}72.41%{-webkit-transform:rotateZ(2deg) translate(-1px,2px);transform:rotateZ(2deg) translate(-1px,2px)}}@keyframes cuodao{0%,100%{-webkit-transform:rotateZ(0) translate(0,0);transform:rotateZ(0) translate(0,0)}20.69%{-webkit-transform:rotateZ(8deg) translate(-4px,4px);transform:rotateZ(8deg) translate(-4px,4px)}48.27%{-webkit-transform:rotateZ(-7deg) translate(5px,-5px);transform:rotateZ(-7deg) translate(5px,-5px)}72.41%{-webkit-transform:rotateZ(2deg) translate(-1px,2px);transform:rotateZ(2deg) translate(-1px,2px)}}.cover{background:#fff;position:relative;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.cover .btn_text,.cover .circle,.cover .gaozhi,.cover .main_tit,.cover .r_hand,.cover .start_btn,.namepage{position:absolute}.cover .main_tit{width:581px;height:328px;background:url(../img/cover/main_tit.png) no-repeat;left:56px;top:51px}.cover .gaozhi{width:819px;height:982px;background:url(../img/cover/gaozhi.png) no-repeat;left:-48px;top:403px;-webkit-transform:translate3d(-40px,-57px,0);transform:translate3d(-40px,-57px,0);-webkit-transform:rotateZ(-4deg);transform:rotateZ(-4deg)}.cover .r_hand{width:600px;height:750px;background:url(../img/cover/r_hand2.png) no-repeat;right:-195px;top:382px}.cover .btn_text{width:197px;height:168px;background:url(../img/cover/btn_text.png) no-repeat;left:292px;top:863px}.cover .start_btn{width:750px;height:1408px;left:0;top:0}.cover .circle{width:220px;height:220px;left:288px;top:668px;background:url(../img/cover/start_btn.png) no-repeat}.cover .btn_text,.cover .start_btn{opacity:0}.cover.out{opacity:0;visibility:hidden}.cover.anim .gaozhi{-webkit-animation:gaozhi 480ms forwards;animation:gaozhi 480ms forwards}.cover.anim .btn_text{-webkit-animation:btn_text 480ms 2.73s forwards;animation:btn_text 480ms 2.73s forwards}.cover.anim .r_hand{-webkit-animation:r_hand 2.5s 480ms steps(1) forwards;animation:r_hand 2.5s 480ms steps(1) forwards}.cover.anim .start_btn{-webkit-animation:fadeIn 480ms 2.73s forwards;animation:fadeIn 480ms 2.73s forwards}.cover.anim .circle{-webkit-animation:start_btn 2s steps(1) infinite;animation:start_btn 2s steps(1) infinite}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes start_btn{0%{background-position:0 0}4.35%{background-position:-220px 0}8.70%{background-position:-440px 0}13.04%{background-position:-660px 0}17.39%{background-position:-880px 0}21.74%{background-position:-1100px 0}26.09%{background-position:-1320px 0}30.43%{background-position:-1540px 0}34.78%{background-position:-1760px 0}39.13%{background-position:0 -220px}43.48%{background-position:-220px -220px}47.83%{background-position:-440px -220px}52.17%{background-position:-660px -220px}56.52%{background-position:-880px -220px}60.87%{background-position:-1100px -220px}65.22%{background-position:-1320px -220px}69.57%{background-position:-1540px -220px}73.91%{background-position:-1760px -220px}78.26%{background-position:0 -440px}82.61%{background-position:-220px -440px}86.96%{background-position:-440px -440px}91.30%{background-position:-660px -440px}95.65%{background-position:-880px -440px}100.00%{background-position:-1100px -440px}}@keyframes start_btn{0%{background-position:0 0}4.35%{background-position:-220px 0}8.70%{background-position:-440px 0}13.04%{background-position:-660px 0}17.39%{background-position:-880px 0}21.74%{background-position:-1100px 0}26.09%{background-position:-1320px 0}30.43%{background-position:-1540px 0}34.78%{background-position:-1760px 0}39.13%{background-position:0 -220px}43.48%{background-position:-220px -220px}47.83%{background-position:-440px -220px}52.17%{background-position:-660px -220px}56.52%{background-position:-880px -220px}60.87%{background-position:-1100px -220px}65.22%{background-position:-1320px -220px}69.57%{background-position:-1540px -220px}73.91%{background-position:-1760px -220px}78.26%{background-position:0 -440px}82.61%{background-position:-220px -440px}86.96%{background-position:-440px -440px}91.30%{background-position:-660px -440px}95.65%{background-position:-880px -440px}100.00%{background-position:-1100px -440px}}@-webkit-keyframes r_hand{0%{background-position:0 0}5.26%{background-position:-600px 0}10.53%{background-position:-1200px 0}15.79%{background-position:0 -750px}21.05%{background-position:-600px -750px}26.32%{background-position:-1200px -750px}31.58%{background-position:0 -1500px}36.84%{background-position:-600px -1500px}42.11%{background-position:-1200px -1500px}47.37%{background-position:0 -2250px}52.63%{background-position:-600px -2250px}57.89%{background-position:-1200px -2250px}63.16%{background-position:0 -3000px}68.42%{background-position:-600px -3000px}73.68%{background-position:-1200px -3000px}78.95%{background-position:0 -3750px}84.21%{background-position:-600px -3750px}89.47%{background-position:-1200px -3750px}100.00%,94.74%{background-position:0 -4500px}}@keyframes r_hand{0%{background-position:0 0}5.26%{background-position:-600px 0}10.53%{background-position:-1200px 0}15.79%{background-position:0 -750px}21.05%{background-position:-600px -750px}26.32%{background-position:-1200px -750px}31.58%{background-position:0 -1500px}36.84%{background-position:-600px -1500px}42.11%{background-position:-1200px -1500px}47.37%{background-position:0 -2250px}52.63%{background-position:-600px -2250px}57.89%{background-position:-1200px -2250px}63.16%{background-position:0 -3000px}68.42%{background-position:-600px -3000px}73.68%{background-position:-1200px -3000px}78.95%{background-position:0 -3750px}84.21%{background-position:-600px -3750px}89.47%{background-position:-1200px -3750px}100.00%,94.74%{background-position:0 -4500px}}@-webkit-keyframes btn_text{0%{opacity:0}100%{opacity:1}}@keyframes btn_text{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes gaozhi{0%{-webkit-transform:translate3d(-40px,-57px,0);transform:translate3d(-40px,-57px,0);-webkit-transform:rotateZ(-4deg);transform:rotateZ(-4deg)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transform:rotateZ(0);transform:rotateZ(0)}}@keyframes gaozhi{0%{-webkit-transform:translate3d(-40px,-57px,0);transform:translate3d(-40px,-57px,0);-webkit-transform:rotateZ(-4deg);transform:rotateZ(-4deg)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transform:rotateZ(0);transform:rotateZ(0)}}.namepage{-webkit-transition:all .5s;width:750px;height:534px;transition:all .5s;left:0;top:0;opacity:0;visibility:hidden;z-index:10}.namepage.cur{opacity:1;visibility:visible}.namepage .input_content{width:516px;height:300px;position:absolute;left:114px;top:100px}.namepage .input_box{width:476px;height:100px;border:none;background:0 0;padding:0 20px;position:absolute;left:0;top:146px;text-align:center;font:30px/48px PingFangSC-Medium,sans-serif}.result,.result .result_box{height:1100px;left:0;position:absolute}.namepage .input_box::-webkit-input-placeholder{text-align:center;font:30px/48px PingFangSC-Medium,sans-serif;color:#999}.result{top:0;opacity:0;visibility:hidden;z-index:10}.result.cur{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1;visibility:visible}.result .result_box{width:750px;top:-84px}.result .result_con{width:530px;height:945px;position:absolute;left:116px;top:147px}.result .longtap_text{width:750px;height:22px;position:absolute;left:0;top:1116px;color:#999;font:22px/26px "Microsoft Yahei","Hiragino Sans GB",sans-serif;text-align:center}.result .again_btn{width:333px;height:109px;background:url(../img/icons.png) -600px 0 no-repeat;position:absolute;left:37px;top:1155px;z-index:10}.result .share_btn{width:314px;height:105px;background:url(../img/icons.png) -600px -200px no-repeat;position:absolute;left:383px;top:1161px;z-index:10}#myCanvas,.result #canvas,.result .save_img{position:absolute;left:0}.result .save_img{top:0;width:750px;height:1100px;overflow:hidden;opacity:0}.result .save_img img{-webkit-touch-callout:initial}.result #canvas{top:0;opacity:0;pointer-events:none;visibility:hidden}#myCanvas{top:0;z-index:1}.ipx .result_box{top:0}