/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */img,legend{border:0}body,html,svg:not(:root){overflow:hidden}body,html{-webkit-text-size-adjust:100%}*,body,p,ul{margin:0}*,legend,p,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;text-decoration:none}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}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,html{width:100%;height:100%}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}a,img{-webkit-touch-callout:none}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-pc-center:after{content:'为了更好的体验，请使用手机扫描二维码浏览';display:block;color:#fff;text-align:center;font-size:20px}#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}.common-container{position:absolute;left:0;top:0;width:750px;height:100%}@-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}}@font-face{font-family:number;src:url(../img/altgot2n.ttf)}*{max-height:99999px;-webkit-text-size-adjust:none;text-size-adjust:none}body{position:relative;background-color:#000}button,input,select,textarea{outline:0;-webkit-appearance:none;border-radius:0;border:none}.common-container,body,html{background:#000}.loading{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../img/loading_bg.jpg?1) center center no-repeat}.loading .actwrap{position:absolute;left:288px;top:50%;margin-top:-486px;width:284px;height:644px;overflow:hidden}.loading .act,.loading .mask{position:absolute;left:0;top:0;width:100%;height:100%}.loading .act{background:url(../img/loading_act.jpg?1) no-repeat}.loading .mask{background:url(../img/loading_mask.png) no-repeat}.loading .btn_start,.loading .icons,.loading .logo,.loading .progress,.loading .title{position:absolute;top:50%}.loading .icons{left:268px;margin-top:-490px;width:273px;height:686px;background:url(../img/loading_icons.png) no-repeat}.loading .logo{left:120px;width:506px;height:40px;margin-top:444px;background:url(../img/loading_logo.png) no-repeat}.loading .progress{left:210px;margin-top:200px;width:250px;height:80px;font:46px/1 "";color:rgba(255,255,255,.7);text-align:right}.loading .progress span{font:700 92px/1 ""}.loading .btn_start{left:284px;margin-top:220px;width:186px;height:238px;background:url(../img/video_btns.png) -200px 0 no-repeat}.loading .title{display:none;left:74px;width:600px;height:750px;margin-top:-576px}.video_wrap,.video_wrap video{left:0;width:750px;position:absolute}.loading .title.active{-webkit-animation:title 4s steps(1) forwards;-o-animation:title 4s steps(1) forwards;animation:title 4s steps(1) forwards;background-image:url(../img/1_00002.png)}.loading .title.android{background-image:url(../img/1_00049.png)}@keyframes title{from{background-image:url(../img/1_00002.png)}2%{background-image:url(../img/1_00003.png)}3%{background-image:url(../img/1_00004.png)}4%{background-image:url(../img/1_00005.png)}5%{background-image:url(../img/1_00006.png)}6%{background-image:url(../img/1_00007.png)}7%{background-image:url(../img/1_00008.png)}8%{background-image:url(../img/1_00009.png)}9%{background-image:url(../img/1_00010.png)}10%{background-image:url(../img/1_00011.png)}11%{background-image:url(../img/1_00012.png)}12%{background-image:url(../img/1_00013.png)}13%{background-image:url(../img/1_00014.png)}14%{background-image:url(../img/1_00015.png)}15%{background-image:url(../img/1_00016.png)}16%{background-image:url(../img/1_00017.png)}17%{background-image:url(../img/1_00018.png)}18%{background-image:url(../img/1_00019.png)}19%{background-image:url(../img/1_00020.png)}20%{background-image:url(../img/1_00021.png)}21%{background-image:url(../img/1_00022.png)}22%{background-image:url(../img/1_00023.png)}23%{background-image:url(../img/1_00024.png)}24%{background-image:url(../img/1_00025.png)}25%{background-image:url(../img/1_00026.png)}26%{background-image:url(../img/1_00027.png)}27%{background-image:url(../img/1_00028.png)}28%{background-image:url(../img/1_00029.png)}29%{background-image:url(../img/1_00030.png)}30%{background-image:url(../img/1_00031.png)}31%{background-image:url(../img/1_00032.png)}32%{background-image:url(../img/1_00033.png)}33%{background-image:url(../img/1_00034.png)}34%{background-image:url(../img/1_00035.png)}35%{background-image:url(../img/1_00036.png)}36%{background-image:url(../img/1_00037.png)}37%{background-image:url(../img/1_00038.png)}38%{background-image:url(../img/1_00039.png)}39%{background-image:url(../img/1_00040.png)}40%{background-image:url(../img/1_00041.png)}41%{background-image:url(../img/1_00042.png)}42%{background-image:url(../img/1_00043.png)}43%{background-image:url(../img/1_00044.png)}44%{background-image:url(../img/1_00045.png)}45%{background-image:url(../img/1_00046.png)}46%{background-image:url(../img/1_00047.png)}47%{background-image:url(../img/1_00048.png)}100%,48%,50%{background-image:url(../img/1_00049.png)}}.video_wrap{top:0;height:100%;background:#000}.video_wrap video{display:block;top:50%;height:1468px;margin-top:-734px}.video_wrap .btn_play{position:absolute;left:284px;bottom:50px;width:186px;height:238px;background:url(../img/video_btns.png) no-repeat}.video_wrap .btn_play.goon{background-position:-400px 0}.video_wrap .tip{position:absolute;left:0;top:50%;width:750px;height:40px;margin-top:-210px;font:32px/1 "";color:#fff;text-align:center;text-shadow:0 1px 6px rgba(122,122,122,.6)}.video_wrap .photograph{position:absolute;left:0;top:50%;width:1500px;height:1468px;margin-top:-734px;background:url(../img/photograph.png) no-repeat;-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-transition:.3s linear;-o-transition:.3s linear;transition:.3s linear;opacity:0}.video_wrap .photograph.active{opacity:1;-webkit-transform:translate(-650px,0);-ms-transform:translate(-650px,0);-o-transform:translate(-650px,0);transform:translate(-650px,0);-webkit-transition:opacity 520ms linear,transform 520ms cubic-bezier(0,0,.51,1.32) .1s;-o-transition:opacity 520ms linear,transform 520ms cubic-bezier(0,0,.51,1.32) .1s;transition:opacity 520ms linear,transform 520ms cubic-bezier(0,0,.51,1.32) .1s}.video_wrap .milemeter{box-sizing:border-box;position:absolute;left:40px;top:40px;width:214px;height:62px;font:36px/1 Arial;color:#fff}.video_wrap .milemeter .first{position:absolute;left:0;bottom:8px}.video_wrap .milemeter .last{position:absolute;right:-36px;bottom:8px}.video_wrap .milemeter #meters{display:block;width:100%;height:62px;font:62px/62px number;text-align:center}.video_wrap .tips{display:none;position:absolute;left:40px;top:130px;font:32px/50px "";color:#074372;text-shadow:0 2px 6px rgba(54,136,204,.7)}.video_wrap .tips.sea{color:#fff}.video_wrap .btn_album{position:absolute;left:24px;bottom:70px;width:168px;height:152px;background:url(../img/video_btn_album.png) center center no-repeat}.video_wrap .btn_album .btn_album_number{position:absolute;left:96px;top:32px;width:34px;height:34px;background-color:#40bcff;border-radius:50%;font:30px/34px "";color:#fff;text-align:center}.video_wrap .btn_album .btn_album_tip{position:absolute;left:50px;top:-40px;width:auto;height:54px;padding:0 16px;background:#40bcff;border-radius:10px;font:20px/54px "";color:#fff;white-space:nowrap}.video_wrap .btn_album .btn_album_tip:before{content:"";position:absolute;left:22px;top:52px;width:0;height:0;border:7px solid transparent;border-top:14px solid #40bcff;border-bottom:14px solid transparent}.video_wrap .photo{position:absolute;left:60px;bottom:50%;width:600px;height:auto;margin-bottom:-252px;border:20px solid #fff}.video_wrap .photo img{display:block;width:100%;height:auto}.video_wrap .photo.fold{left:90px;bottom:80px;margin-bottom:0;opacity:0;-webkit-transition:.5s;transition:.5s;-webkit-transform:scale(.05) rotate(-15deg);transform:scale(.05) rotate(-15deg);-webkit-transform-origin:0 100%;transform-origin:0 100%}.pop_album,.pop_photo,.pop_photo .pop_photo_bg{left:0;top:0;width:100%;height:100%;position:absolute}.pop_photo{background:rgba(68,80,120,.4);opacity:0;-webkit-transition:opacity .2s linear;-o-transition:opacity .2s linear;transition:opacity .2s linear}.pop_photo .pop_photo_bg{z-index:50;background:#fff}.pop_photo.active{opacity:1}.pop_photo.active .pop_photo_bg{opacity:0;-webkit-transition:opacity .2s linear .2s;-o-transition:opacity .2s linear .2s;transition:opacity .2s linear .2s}.pop_album{background:url(../img/album_bg.jpg?1) center center no-repeat rgba(0,0,0,.8);overflow:hidden}.pop_album .return{position:absolute;left:300px;top:50%;width:150px;height:150px;margin-top:250px;background:url(../img/pop_back.png) no-repeat}.pop_album .more,.pop_album .reload,.pop_album .share{display:none;position:absolute;left:274px;top:50%;width:200px;height:54px;margin-top:220px;font:34px/54px "";color:#fff;text-align:center;border:2px solid #fff;border-radius:32px}.pop_album .share{margin-top:300px}.pop_album .more{margin-top:380px}.pop_album .header_end{display:none}.pop_album .header_end p:nth-child(2) span{font-size:60px;color:#fff;font-family:number}.pop_album .header{position:absolute;left:0;top:40px;width:750px;height:100%;color:#222}.pop_album .header .kilometers,.pop_album .scrolltip{top:50%;color:#fff;position:absolute;text-align:center}.pop_album .header p{margin:0;padding:0}.pop_album .header p:nth-child(1){position:absolute;left:58px;top:50%;margin-top:-540px;font:700 42px/1 ""}.pop_album .header p:nth-child(2){position:absolute;left:58px;top:50%;margin-top:-470px;font:36px/50px ""}.pop_album .header p:nth-child(2) .kilometerblank{display:inline-block;width:78px}.pop_album .header .kilometers{left:236px;margin-top:-430px;width:78px;font:700 64px/1 number}.pop_album .header p.sub{position:absolute;left:58px;top:50%;margin-top:-270px;font:700 34px/1 ""}.pop_album .header p.sub span,.pop_album .scrolltip{font:30px/1 ""}.pop_album .post_wrap{position:absolute;left:0;top:50%;width:750px;height:300px;margin-top:-170px;overflow-y:hidden;overflow-x:auto}.pop_album .post_wrap ul{width:2200px;height:300px;margin-left:58px}.pop_album .post_wrap .item{float:left;width:250px;height:292px;margin:0 20px 0 0}.pop_create .kilometers img,.pop_result .kilometers img{float:right}.pop_album .scrolltip{left:0;width:750px;height:30px;margin-top:150px}.pop_album .footer{width:506px;height:40px;position:absolute;left:120px;bottom:50px;background:url(../img/pop_logo.png) center center no-repeat}.pop_album.ended .header{display:none}.pop_album.ended .header_end,.pop_album.ended .more,.pop_album.ended .reload,.pop_album.ended .share{display:block}.pop_album.ended .return{display:none}.pop_create{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.8)}.pop_create .inner{position:absolute;left:54px;bottom:40%;width:640px;height:900px;margin-bottom:-310px}.pop_create .poster{position:absolute;left:0;top:0;width:640px;height:780px;background:#fff;border-radius:5px;overflow:hidden}.pop_create .posterimg{display:block;width:100%;height:auto}.pop_create .kilometers{position:absolute;right:0;top:566px;height:70px;width:640px;background:url(../img/post_shadow.png) center bottom repeat-x}.pop_create .postertxt{position:relative;color:#3b3b3b}.pop_create .postertxt .to{position:absolute;left:50px;top:50px;font:700 40px/1 ""}.pop_create .postertxt .name{position:absolute;left:240px;top:40px;width:310px;height:40px;padding:10px 20px;font:28px/40px "";border-bottom:1px solid #3b3b3b}.pop_create .postertxt .text{display:none;position:absolute;left:50px;top:130px;font:26px/42px ""}.pop_create .close{position:absolute;left:600px;top:-40px;width:80px;height:80px;background:url(../img/pop_close.png) center center no-repeat}.pop_create .btn_create{position:absolute;left:160px;top:820px;width:320px;height:80px;border:2px solid #fff;border-radius:40px;font:36px/80px "";text-align:center;color:#fff}.pop_result,.pop_result .showed{position:absolute;left:0;top:0;height:100%;background:#fff}.pop_result{width:100%}.pop_result .showed{width:750px}.pop_result .showed .showed_img{width:714px;border:18px solid #fff}.pop_result .showed .sendee_name_wrap{width:750px;height:40px;position:relative;background:url(../img/result_to.jpg?1) no-repeat no-repeat}.pop_result .showed .sendee_name_wrap .sendee_name{position:absolute;left:124px;top:2px;width:310px;height:36px;font:36px/1 "";color:#666}.pop_result .showed .center{position:relative;height:202px}.pop_result .showed .center img{display:block;position:absolute;top:-2px;left:0;-webkit-transform-origin:10% 50%;-moz-transform-origin:10% 50%;-ms-transform-origin:10% 50%;-o-transform-origin:10% 50%;transform-origin:10% 50%}.pop_result .showed .center:after{content:"";position:absolute;right:0;top:0;width:168px;height:168px;background:url(../img/stamp.png) no-repeat}.pop_result .showed .username{position:static;width:710px;height:24px;font:24px/1 "";color:#000;text-align:right}.pop_result .bg{position:absolute;left:0;top:0;width:750px;height:100%;max-height:1400px;background:#fff}.pop_result .return{position:absolute;left:46px;top:46px;width:66px;height:66px;background:url(../img/pop_return.png) no-repeat}.pop_result .sendee_name{position:absolute;left:124px;top:794px;width:310px;height:36px;font:36px/1 "";color:#666}.pop_result .kilometers{position:absolute;right:18px;top:656px;width:714px;height:71px;background:url(../img/post_shadow.png) center bottom repeat-x}.pop_result .footer{position:absolute;left:0;bottom:0;width:750px;height:136px;background:url(../img/qr_code.png?1) no-repeat}.pop_result .tip{position:absolute;left:162px;bottom:28px;font:30px/1 "";color:#888}.pop_result .username{position:absolute;right:44px;bottom:200px;width:500px;height:24px;font:24px/1 "";color:#000;text-align:right}.pop_result .result_img,.pop_result canvas{opacity:0;position:absolute;right:0;top:0;width:100%;height:100%;-webkit-touch-callout:inherit}.toast{position:absolute;left:0;top:0;width:100%;height:100%}.toast .inner{position:absolute;left:140px;top:50%;width:480px;height:auto;margin-top:-210px;padding:40px 0 34px;background:rgba(0,0,0,.9);font:30px/48px "";color:#fff;text-align:center}.hidden{display:none}@media screen and (max-height:1200px){.video_wrap .photograph{margin-top:-744px}}@media screen and (max-height:1300px){.video_wrap .photograph{margin-top:-764px}.video_wrap .photo{margin-bottom:-242px}.video_wrap .btn_play{bottom:-20px}.video_wrap .btn_album{bottom:20px}}.pop_result.short .bg{top:auto;bottom:0;height:100%;max-height:1200px}