*{-webkit-tap-highlight-color:rgba(0,0,0,0)}html,body{width:100%;height:100%;overflow:hidden}body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}body{font:28px MFYANSONG_NONCOMMERCIAL-REGULAR,"Lucida Grande",Helvetica,Arial,Verdana,"Microsoft YaHei",sans-serif;color:#000;line-height:1.5;background:#000;margin:0 auto}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}address,cite,dfn,em,var,i{font-style:normal}code,kbd,pre,samp{font-family:courier new,courier,monospace}form{display:inline}small{font-size:12px}ul,ol{list-style:none}a{text-decoration:none;color:#000;-webkit-text-size-adjust:auto}a:active{color:#000}img{vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}button,input,select,textarea{font:28px MFYANSONG_NONCOMMERCIAL-REGULAR,"Lucida Grande",Helvetica,Arial,Verdana,"Microsoft YaHei",sans-serif;font-size:100%;vertical-align:middle;outline:0;-webkit-appearance:auto}table{border-collapse:collapse;border-spacing:0}textarea{resize:none}.l{float:left;display:inline}.r{float:right;display:inline}.radius_4{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.hidden{line-height:99999px;overflow:hidden}.hide{display:none}.clearfix:after{content:"";height:0;visibility:hidden;display:block;clear:both}.clearfix{zoom:1}.clear{clear:both}.relative{position:relative}header,footer,article,section,nav,menu,hgroup{display:block;clear:all}input[type=button],input[type=submit],input[type=reset]{-webkit-appearance:none}textarea{-webkit-appearance:none}body,html{width:100%;height:100%;overflow:hidden;font-family:'Microsoft YaHei';background:#e3e6d8}.fr{float:right}.mainContent{width:100%;height:100%;min-height:900px;overflow:hidden}.postMain{height:100%;position:relative}.postMain .logo-header{padding:50px 50px 20px}.postMain footer{width:100%;text-align:center;bottom:30px;position:absolute;text-align:center}.postMain footer .btn{display:block;margin-bottom:10px}.postMain footer .btn img{width:350px}.postMain .role-seleted{width:640px;margin:0 auto;text-align:center;position:relative;z-index:2}.postMain .role-seleted h4{color:#b2b2b1}.postMain .nav-role span{font-size:1.1em;display:inline-block;width:175px;color:#89553f;border:3px solid #89553f;border-radius:50px;margin:20px 15px 0;line-height:60px;text-align:center;letter-spacing:.5em;text-indent:.5em;box-sizing:border-box;vertical-align:middle}.postMain .nav-role span.active{border:4px solid #582b16}.postMain .role-input{height:96px;width:600px;margin-left:20px;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/post2/input.png) no-repeat;background-size:cover;margin-top:30px;position:relative}.postMain .role-input .role-input-tip{color:#b2b2b1}.postMain .role-input input{width:100%;background:transparent;outline:0;border:0;padding:0 1em;height:60px;margin-top:14px;color:#89553f;caret-color:#89553f}.postMain .role-input .delete{width:29px;height:29px;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/post2/close.png) no-repeat;background-size:cover;position:absolute;right:1.5em;top:30%}.postMain .role-imgs{height:calc(100% - 200px);margin-top:-80px;pointer-events:none;z-index:0;position:relative}.postMain .role-imgs::after{content:"";width:100%;height:380px;background:#e7d1b6;position:absolute}.postMain .role-imgs li{display:none}.postMain .role-imgs li.active{display:block}.postMain .role-imgs img{width:100%}.imgH{width:100%}.imgH img{width:100%}.post-result{width:100%;background:#fff;height:100%;overflow:hidden;display:none}.post-result .post-imgs{width:100%;height:100%;position:absolute;display:none;overflow:hidden;top:0}.post-result .post-imgs.acrtive{display:block}.post-result .post-imgs .main-bg{min-width:100%;left:0}.post-result .post-imgs .name{position:absolute;width:100%;color:#89553f;padding-top:120px;top:0;left:0;font-size:50px;text-align:center;margin-bottom:20px;color:#8c5a44}.post-result .post-imgs .imgPost{position:relative}.post-result .post-imgs .imgZW{width:100%}.post-result .post-imgs.firend .name,.post-result .post-imgs.children .name{color:#9e6d28!important}.post-result .post-imgs.mate{background:#545e89}.post-result .post-imgs.mate .name{color:#d3daff!important}.post-result .post-imgs.mate .imgPost{background:#545e89}.post-result .post-imgs.mate .footer-code{color:#d3daff!important}.post-result .post-imgs.father{background:#e9e6cd}.post-result .post-imgs.father .centerImg{margin-left:-100px;margin-top:-40px}.post-result .post-imgs.father .post-content{margin-top:-200px}.post-result .post-imgs.father .footer-text{margin-top:-20px}.post-result .post-imgs.father .footer-code{color:#8c5a44}.post-result .post-imgs.mother{background:#e7d1b6}.post-result .post-imgs.mother .top-text{position:relative}.post-result .post-imgs.mother .post-content{margin-top:-230px}.post-result .post-imgs.mother .centerImg{margin-top:-70px}.post-result .post-imgs.mother .footer-code{color:#8c5a44}.post-result .post-imgs.mother .footer-text{margin-top:10px}.post-result .post-imgs.children{background:#eacb87}.post-result .post-imgs.children .centerImg{display:block;width:346px;margin:-30px auto 20px}.post-result .post-imgs.teacher{background:#eedeaa}.post-result .post-imgs.teacher .top-text{position:relative}.post-result .post-imgs.teacher .post-content{margin-top:-240px}.post-result .post-imgs.teacher .centerImg{position:relative}.post-result .post-imgs.teacher .footer-text{position:relative}.post-result .post-imgs.teacher .imgs-q{width:100%;position:absolute;left:0;bottom:-240px;right:0}.post-result .post-imgs.teacher .imgs-friend{position:absolute;left:0;bottom:-240px;right:0}.post-result .post-imgs.teacher .centerImg{margin-top:-30px;width:70%}.post-result .post-imgs.teacher .footer-text{margin-top:0}.post-result .post-imgs.teacher .footer-code{color:#8c5a44}.post-result .post-imgs.firend{background:#f1e098}.post-result .post-imgs.firend .top-text{position:relative}.post-result .post-imgs.firend .post-content{margin-top:-200px}.post-result .post-imgs.firend .centerImg{position:relative}.post-result .post-imgs.firend .footer-text{position:relative}.post-result .post-imgs.firend .imgs-q{width:100%;position:absolute;left:0;top:0;right:0}.post-result .post-imgs.firend .imgs-friend{position:absolute;left:0;bottom:-240px;right:0}.post-result .post-imgs.firend .centerImg{margin-top:50px;width:100%}.post-result .post-imgs.firend .footer-text{margin-top:-100px}.post-result .post-imgs.firend .footer-code{color:#8c5a44}.post-result .post-imgs-new .main-bg{width:100%;position:absolute;top:50%;transform:translateY(-50%);left:0}.post-result .post-imgs-new .top-text{margin-bottom:50px}.post-result .post-imgs-new .footer-text{display:block;width:368px;margin:20px auto 0}.post-result .post-imgs-new .post-content{width:100%;position:absolute;top:50%;transform:translateY(-50%);margin-top:-200px;left:0}.post-result .post-imgs-new .name{position:relative;padding-top:150px}.post-result .post-imgs-new .imgs{text-align:center}.post-result .post-imgs-new footer{position:absolute;bottom:100px;z-index:2}.post-result footer{overflow:hidden;width:100%;position:absolute;bottom:60px;height:130px;z-index:3}.post-result footer .footer-logo{float:left;display:block;margin-left:50px;margin-top:30px}.post-result footer .footer-code{float:right;margin-right:50px}.post-result footer .footer-code img{width:100px;height:100px}.post-result footer span{text-align:right;display:inline-block;vertical-align:middle;margin-right:10px}.post-result .com-footer{position:absolute;width:100%;bottom:0;display:none}.post-result .com-footer footer{width:100%;position:relative;bottom:0;display:none}.post-result .com-footer .mateFooter .footer-code{color:#d3daff}.post-result .com-footer .fumushiFooter .footer-code{color:#8c5a44}.post-result .com-footer .haipengFooter .footer-code{color:#9e6d28}.canvas-img{width:100%;position:absolute;top:0;left:0;bottom:0;overflow:hidden;opacity:0;z-index:99;display:none;height:100%}.layer-tip{position:fixed;background:#fff;width:100%;bottom:0;text-align:center;height:150px;line-height:150px;transition:transform .3s;transform:translate3d(0,100%,0)}.layer-tip.show{transform:none}.postBg{display:none}@keyframes fadeInDown{from{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1}}@keyframes fadeOutDown{from{opacity:1;transform:none}to{opacity:0;transform:translate3d(0,100%,0)}}.ZWrap{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.ZWrap img{width:100%}#returnEdit{position:absolute;left:1em;top:2em;padding:5px 1em;border-radius:40px;z-index:100;display:none}#returnEdit.mateEdit{color:#d3daff;background:transparent;border:3px solid #d3daff}#returnEdit.fumushiEdit{background:rgba(255,255,255,.7);border:3px solid #8c5a44;color:#8c5a44}#returnEdit.haipengEdit{color:#9e6d28;background:rgba(255,255,255,.7);border:3px solid #9e6d28}.moreAgain{display:block;padding-bottom:5px}@media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3){.post-result .com-footer{bottom:100px}.post-result .post-imgs-new .post-content{margin-top:-130px}.postMain .role-imgs{margin-top:-20px}.postMain .role-input{margin-top:50px}.post-result .post-imgs.mother .centerImg{width:100%}.post-result .post-imgs.mother .post-content{margin-top:-200px}.post-result .post-imgs.teacher .post-content{margin-top:-200px}}