*{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box}html,body{width:100%;height:100%}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-family:NotoSansHans,"Microsoft YaHei",Helvetica!important;font-size:28px;color:#000;line-height:1.5;background:#fff;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}.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}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes rotateMusic{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes rotateMusic{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes fadeInTop{0%{opacity:0;-webkit-transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeInTop{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes flash{0%,100%{opacity:1}50%{opacity:.6}}@keyframes flash{0%,100%{opacity:1}50%{opacity:.6}}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.05)}}@keyframes bounce{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}@-webkit-keyframes aiqingball{0%,100%{transform:translate(0)}35%{transform:translate(250px,-250px) rotate(90deg)}70%{transform:translate(250px,0) rotate(180deg)}}@keyframes aiqingball{0%,100%{transform:translate(0)}35%{transform:translate(250px,-250px) rotate(90deg)}70%{transform:translate(250px,0) rotate(180deg)}}@-webkit-keyframes aiqingslow{0%,100%{transform:translate(0)}35%{transform:translate(-20px,-20px) rotate(20deg)}75%{transform:translate(10px,-20px) rotate(0deg)}}@keyframes aiqingslow{0%,100%{transform:translate(0)}35%{transform:translate(-20px,-20px) rotate(20deg)}75%{transform:translate(10px,-20px) rotate(0deg)}}@-webkit-keyframes jiakangball{0%,100%{transform:translate(0)}35%{transform:translate(250px,0) rotate(180deg)}80%{transform:translate(120px,130px) rotate(90deg)}}@keyframes jiakangball{0%,100%{transform:translate(0)}35%{transform:translate(250px,0) rotate(180deg)}80%{transform:translate(120px,130px) rotate(90deg)}}@-webkit-keyframes jiakangslow{0%,100%{transform:translate(20px,0)}35%{transform:translate(0px,-20px) rotate(-20deg)}70%{transform:translate(0px,20px) rotate(0deg)}}@keyframes jiakangslow{0%,100%{transform:translate(20px,0)}35%{transform:translate(0px,-20px) rotate(-20deg)}70%{transform:translate(0px,20px) rotate(0deg)}}@-webkit-keyframes youyiball{0%,100%{transform:translate(0)}35%{transform:translate(-120px,200px) rotate(90deg)}70%{transform:translate(120px,200px) rotate(180deg)}}@keyframes youyiball{0%,100%{transform:translate(0)}35%{transform:translate(-120px,200px) rotate(90deg)}70%{transform:translate(120px,200px) rotate(180deg)}}@-webkit-keyframes youyislow{0%,100%{transform:translate(0)}35%{transform:translate(-20px,20px) rotate(-15deg)}70%{transform:translate(20px,20px) rotate(0deg)}}@keyframes youyislow{0%,100%{transform:translate(0)}35%{transform:translate(-20px,20px) rotate(-15deg)}70%{transform:translate(20px,20px) rotate(0deg)}}@-webkit-keyframes shiyeball{0%,100%{transform:translate(0)}35%{transform:translate(-120px,-250px) rotate(180deg)}70%{transform:translate(120px,-250px) rotate(90deg)}}@keyframes shiyeball{0%,100%{transform:translate(0)}35%{transform:translate(-120px,-250px) rotate(180deg)}70%{transform:translate(120px,-250px) rotate(90deg)}}@-webkit-keyframes shiyeslow{0%,100%{transform:translate(0)}35%{transform:translate(-20px,-30px) rotate(35deg)}70%{transform:translate(30px,-30px) rotate(0deg)}}@keyframes shiyeslow{0%,100%{transform:translate(0)}35%{transform:translate(-20px,-30px) rotate(35deg)}70%{transform:translate(30px,-30px) rotate(0deg)}}@-webkit-keyframes jiatingball{0%,100%{transform:translate(0)}35%{transform:translate(-250px,-150px) rotate(180deg)}70%{transform:translate(-250px,0) rotate(90deg)}}@keyframes jiatingball{0%,100%{transform:translate(0)}35%{transform:translate(-250px,-150px) rotate(180deg)}70%{transform:translate(-250px,0) rotate(90deg)}}@-webkit-keyframes jiatingslow{0%,100%{transform:translate(0)}35%{transform:translate(-15px,-20px) rotate(-35deg)}70%{transform:translate(15px,-20px) rotate(35deg)}}@keyframes jiatingslow{0%,100%{transform:translate(0)}35%{transform:translate(-15px,-20px) rotate(-35deg)}70%{transform:translate(15px,-20px) rotate(35deg)}}@-webkit-keyframes xuexiball{0%,100%{transform:translate(0)}35%{transform:translate(-300px,50px) rotate(45deg)}80%{transform:translate(-150px,200px) rotate(45deg)}}@keyframes xuexiball{0%,100%{transform:translate(0)}35%{transform:translate(-300px,50px) rotate(45deg)}80%{transform:translate(-150px,200px) rotate(45deg)}}@-webkit-keyframes xuexislow{0%,100%{transform:translate(0)}35%{transform:translate(-20px,-15px) rotate(20deg)}70%{transform:translate(0px,-30px) rotate(0deg)}}@keyframes xuexislow{0%,100%{transform:translate(0)}35%{transform:translate(-20px,-15px) rotate(20deg)}70%{transform:translate(0px,-30px) rotate(0deg)}}@-webkit-keyframes jiggle{48%,62%{transform:scale(1,1)}50%{transform:scale(1.2,.9)}56%{transform:scale(0.9,1.2) translate(0,-10px)}59%{transform:scale(1,1) translate(0,-10px)}}@keyframes jiggle{48%,62%{transform:scale(1,1)}50%{transform:scale(1.2,.9)}56%{transform:scale(0.9,1.2) translate(0,-10px)}59%{transform:scale(1,1) translate(0,-10px)}}.ico-rebuid,.ico-share,.page-post .footer-tip .text .text-main::before,.page-post .footer-tip .text .text-main::after,.page-edit .btn-yellow{background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/newyear/btns-sm.png) no-repeat}.ico{background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/newyear/ico.png) no-repeat;display:block;position:relative}.ico-share{height:26px;width:26px;background-position:0 0}.ico-rebuid{height:30px;width:27px;background-position:0 0}.ico-share{height:28px;width:25px;background-position:-40px -2px}.ico-return{height:26px;width:27px;background-position:0 -26px}.ico-prev{height:29px;width:28px;background-position:0 -52px}.ico-next{height:29px;width:29px;background-position:0 -81px}.ico-delete{height:48px;width:48px;background-position:0 -369px}.ico-point{height:64px;width:54px;background-position:-77px -265px}.ico-info{height:63px;width:63px;background-position:-76px -181px}.ico-phoneWave{height:64px;width:64px;background-position:-72px -92px}.ico-close{height:68px;width:68px;background-position:-69px 0}.ico-linpin{height:184px;width:163px;background-position:-177px 0}.ico-sence{height:40px;width:42px;background-position:0 -110px}.ico-role{height:40px;width:43px;background-position:0 -190px}.ico-dec{height:44px;width:47px;background-position:0 -314px}.nav-close{height:27px;width:27px;background-position:-91px -352px}.nav-quding{height:25px;width:33px;background-position:-139px -353px}.nav-sec-1{width:100%;position:absolute;bottom:0;left:0;display:flex;background:#fff;height:125px}.nav-sec-1 .ico{margin:15px auto 5px}.nav-sec-1 .ico-dec{top:-2px}.nav-sec-1 .item{width:150px;text-align:center;font-size:28px;color:#b5b5b5}.nav-sec-1 .item.on{background:#f4f4f4;color:#fd6314}.nav-sec-1 .item.on .ico-sence{background-position:0 -150px}.nav-sec-1 .item.on .ico-role{background-position:0 -230px}.nav-sec-1 .item.on .ico-dec{background-position:0 -270px}.dec{background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/newyear/dec/dec.png) no-repeat;display:block}.shiye-ico{height:27px;width:28px;background-position:-164px -235px}.jiating-ico{height:29px;width:28px;background-position:-114px -234px}.xuexi-ico{height:28px;width:28px;background-position:-15px -235px}.youyi-ico{height:22px;width:32px;background-position:-62px -237px}.youyi-bg{height:96px;width:96px;background-position:0 0}.aiqing-bg{height:96px;width:96px;background-position:-133px 0}.xuexi-bg{height:96px;width:96px;background-position:-275px 0}.shiye-bg{height:96px;width:96px;background-position:0 -112px}.jiankang-bg{height:96px;width:96px;background-position:-135px -113px}.jiating-bg{height:96px;width:96px;background-position:-279px -114px}.jiankang-line{height:10px;width:274px;background-position:0 -288px}.youyi-line{height:10px;width:281px;background-position:0 -316px}.xuexi-line{height:10px;width:281px;background-position:0 -350px}.aiqing-line{height:10px;width:281px;background-position:0 -380px}.jiating-line{height:10px;width:281px;background-position:0 -414px}.shiye-line{height:10px;width:281px;background-position:0 -446px}.sign-text .title::after,.sign-text .title::before{background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/newyear/dec/dec.png) no-repeat;display:block}.sign-text .line{background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/newyear/dec/dec.png) no-repeat;display:block;margin:20px auto}.sign-text.super{color:#6a331e}.sign-text.super .type{color:#6a331e}.sign-text.super .line{height:10px;width:276px;background-position:0 -462px}.sign-text.super .title::after,.sign-text.super .title::before{height:27px;width:28px;background-position:-305px -235px}.sign-text.super .title::after{transform:rotateY(180deg)}.sign-text.shiye{color:#052148}.sign-text.shiye .type{color:#0d5bad}.sign-text.shiye .line{height:10px;width:281px;background-position:0 -446px}.sign-text.shiye .title::after,.sign-text.shiye .title::before{height:27px;width:28px;background-position:-164px -235px}.sign-text.jiating{color:#00557c}.sign-text.jiating .type{color:#119bdc}.sign-text.jiating .line{height:10px;width:281px;background-position:0 -414px}.sign-text.jiating .title::after,.sign-text.jiating .title::before{height:29px;width:28px;background-position:-114px -234px}.sign-text.jiating .title::before{transform:rotateY(180deg)}.sign-text.xuexi{color:#322364}.sign-text.xuexi .type{color:#6f5bca}.sign-text.xuexi .line{height:10px;width:281px;background-position:0 -350px}.sign-text.xuexi .title::after,.sign-text.xuexi .title::before{height:28px;width:28px;background-position:-15px -235px}.sign-text.youyi{color:#0b566b}.sign-text.youyi .type{color:#627653}.sign-text.youyi .line{height:10px;width:281px;background-position:0 -316px}.sign-text.youyi .title::after,.sign-text.youyi .title::before{height:22px;width:32px;background-position:-62px -237px}.sign-text.jiankang{color:#69331a}.sign-text.jiankang .type{color:#de0200}.sign-text.jiankang .line{height:10px;width:274px;background-position:0 -288px}.sign-text.jiankang .title::after,.sign-text.jiankang .title::before{height:26px;width:27px;background-position:-216px -235px}.sign-text.aiqing{color:#6a341a}.sign-text.aiqing .type{color:#ff7283}.sign-text.aiqing .line{height:10px;width:281px;background-position:0 -380px}.sign-text.aiqing .title::after,.sign-text.aiqing .title::before{height:24px;width:27px;background-position:-264px -236px}.com-toast{border-radius:16px;background-color:rgba(0,0,0,.8);position:absolute;width:413px;height:507px;color:#fff;text-align:center;padding-top:60px;top:50%;left:50%;transform:translate(-50%,-50%);display:none}.com-toast.on{display:block}.com-toast .ico{margin:10px auto}.com-toast p{margin:20px auto}.com-toast label{display:block;margin:20px auto 40px;color:#928584;position:relative}.com-toast label::before,.com-toast label::after{content:"";width:131px;height:1px;position:absolute;background-image:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/newyear/toast-line.png);top:50%;transform:translateY(-50%)}.com-toast label::before{left:30px}.com-toast label::after{right:30px}.com-pop{background:rgba(0,0,0,.8);width:100%;height:100%;position:fixed;top:0;left:0;z-index:99;display:none}.com-pop.on{display:block}.com-pop .ico-close{margin:40px auto 0}.com-pop .block-btn{color:#fff;display:block;font-size:34px;letter-spacing:2px;background-image:-webkit-linear-gradient(180deg,#ffa200 0,#f26100 100%);width:469px;line-height:90px;text-align:center;margin:0 auto;border-radius:45px;box-shadow:0 0 5px #f26100}.com-pop .main{border-radius:30px;background-color:#fff;width:640px;height:860px;position:relative;overflow:hidden}.com-pop .main>header{padding:50px 30px 0}.com-pop .main>header h1{font-size:40px;color:#000;line-height:1.2;text-align:center;height:150px;font-weight:700;padding-top:50px}.com-pop .main .text{border-radius:4px;background-color:#fff3de;box-shadow:0 0 6px 0 rgba(229,162,75,.6);font-size:26px;width:524px;height:auto;color:#666;margin:0 auto 40px;padding:20px 30px;line-height:1.7}.com-pop .main .text p{margin-bottom:4px}.com-pop .main .text label{color:#f26300;text-decoration:underline}.com-pop .main .text span{color:#f26300}.com-pop .main::before,.com-pop .main::after{position:absolute;content:"";pointer-events:none}.com-pop .main::after{width:251px;height:118px;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/newyear/pop-top.png);right:0;top:0}.com-pop .main::before{bottom:0;left:0;width:326px;height:147px;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/newyear/pop-bottom.png)}.com-pop .main .ico-linpin{position:absolute;left:30px;bottom:0}.com-pop .main-cnt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.xd-pop .main{height:920px}.xd-pop .main>header h1{padding-top:20px}.xd-pop .main>header p{font-size:28px;color:#666;padding-top:20px;font-weight:400}.xd-pop .main .tip{font-size:28px;text-align:center;margin-top:30px;color:#ff8d48}body,html{width:100%;height:100%;overflow:hidden;position:relative;text-size-adjust:none;background-image:-webkit-linear-gradient(90deg,#e06cab 0,#5e449d 100%)}.com-page{height:100%;width:100%;display:none;position:absolute;top:0;left:0;background-size:cover;background-position:center}.com-page.on{display:block}.page-wx{color:#fff;background-image:-moz-linear-gradient(90deg,#e06cab 0,#5e449d 100%);background-image:-webkit-linear-gradient(90deg,#e06cab 0,#5e449d 100%);background-image:-ms-linear-gradient(90deg,#e06cab 0,#5e449d 100%)}.page-wx .wx-tip{text-align:center;position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%,-50%)}.page-wx .wx-tip p{margin-top:20px}#landscapeTip{z-index:999999999}#landscapeTip .wx-tip img{width:180px}#landscapeTip .wx-tip p{font-size:20px}.page-loading{z-index:10;background-color:#fff;background-image:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/newyear/loading-bg.jpg)}.page-loading .logo{position:absolute;bottom:40px;left:50%;transform:translate(-50%,0)}.page-loading .main-sence{position:absolute;top:45%;width:100%;text-align:center;transform:translate(0%,-50%)}.page-loading .main-sence .title{display:block;width:625px;margin:0 auto 85px}.page-loading .loading{width:519px;height:27px;position:relative;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/newyear/loading-progress.png);margin:0 auto 30px}.page-loading .loading .label{width:100px;height:65px;top:-65px;line-height:53px;font-size:20px;position:absolute;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/newyear/loading-tip.png)}.page-loading .loading .label b{color:#ef9a4e;font-size:28px}.page-loading .loading span{position:absolute;height:24px;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/newyear/loading-span.png);left:5px;top:1px;background-size:100% 100%;max-width:calc(100% - 10px)}.page-loading .text{text-align:center;height:60px}.page-loading .text p{display:none;font-size:24px;line-height:1.338;color:#fff}.page-loading .text p.on{display:block;opacity:0;-webkit-animation:fadeIn 1s forwards;-ms-animation:fadeIn 1s forwards;animation:fadeIn 1s forwards}.totas-tip{text-align:center;border-radius:16px;background-color:rgba(0,0,0,.8);position:fixed;min-width:300px;line-height:50px;max-width:600px;padding:10px;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;z-index:999;display:none}#comTip{min-width:600px}.page-home{background-image:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/newyear/main-bg.jpg)}.page-home .logo{position:absolute;top:30px;left:30px}.page-home .ico-info{position:absolute;right:30px;top:30px}.page-home .cnt{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%)}.page-home .title{position:relative;margin-bottom:-40px;pointer-events:none;z-index:2}.page-home .cj-main{height:850px;width:570px;position:relative;left:10px}.page-home .cj-main .zt{pointer-events:none;position:absolute;top:0;left:0}.page-home .cj-main .ball-all{left:56px;top:277px;position:absolute;pointer-events:none}.page-home .cj-main .ball{position:absolute}.page-home .cj-main .ball-xuexi{right:54px;top:117px}.page-home .cj-main .ball-jiating{right:45px;top:220px}.page-home .cj-main .ball-youyi{top:48px;left:195px}.page-home .cj-main .ball-shiye{top:340px;left:200px}.page-home .cj-main .ball-jiakang{left:55px;top:130px}.page-home .cj-main .ball-aiqing{left:40px;top:280px}.page-home .cj-main .balls{width:530px;height:530px;opacity:.95;top:0;left:40px;position:absolute}.page-home .cj-main .balls.slow-move .ball-aiqing{-webkit-animation:aiqingslow 15s linear infinite both;-ms-animation:aiqingslow 15s linear infinite both;animation:aiqingslow 15s linear infinite both}.page-home .cj-main .balls.slow-move .ball-jiakang{-webkit-animation:jiakangslow 15s linear infinite both;-ms-animation:jiakangslow 15s linear infinite both;animation:jiakangslow 15s linear infinite both}.page-home .cj-main .balls.slow-move .ball-youyi{-webkit-animation:youyislow 15s linear infinite both;-ms-animation:youyislow 15s linear infinite both;animation:youyislow 15s linear infinite both}.page-home .cj-main .balls.slow-move .ball-shiye{-webkit-animation:shiyeslow 20s linear infinite both;-ms-animation:shiyeslow 20s linear infinite both;animation:shiyeslow 20s linear infinite both}.page-home .cj-main .balls.slow-move .ball-xuexi{-webkit-animation:xuexislow 15s linear infinite both;-ms-animation:xuexislow 15s linear infinite both;animation:xuexislow 15s linear infinite both}.page-home .cj-main .balls.slow-move .ball-jiating{-webkit-animation:jiatingslow 10s linear infinite both;-ms-animation:jiatingslow 10s linear infinite both;animation:jiatingslow 10s linear infinite both}.page-home .cj-main .balls.animate .ball{filter:blur(20px)}.page-home .cj-main .balls.animate .ball-xuexi{-webkit-animation:xuexiball .75s infinite both;-ms-animation:xuexiball .75s infinite both;animation:xuexiball .75s infinite both}.page-home .cj-main .balls.animate .ball-jiating{-webkit-animation:jiatingball .75s infinite both;-ms-animation:jiatingball .75s infinite both;animation:jiatingball .75s infinite both}.page-home .cj-main .balls.animate .ball-youyi{-webkit-animation:youyiball .75s infinite both;-ms-animation:youyiball .75s infinite both;animation:youyiball .75s infinite both}.page-home .cj-main .balls.animate .ball-shiye{-webkit-animation:shiyeball .75s infinite both;-ms-animation:shiyeball .75s infinite both;animation:shiyeball .75s infinite both}.page-home .cj-main .balls.animate .ball-jiakang{-webkit-animation:jiakangball .75s infinite both;-ms-animation:jiakangball .75s infinite both;animation:jiakangball .75s infinite both}.page-home .cj-main .balls.animate .ball-aiqing{-webkit-animation:aiqingball .75s infinite both;-ms-animation:aiqingball .75s infinite both;animation:aiqingball .75s infinite both}.page-home .cj-main .cj-center{position:absolute;top:23%;width:120px;height:130px;left:44%}@media only screen and (min-device-height:780px){.page-home .title{margin-bottom:20px}}.page-post .post-img-bg{width:100%}.page-post .result-post{width:100%;height:100%;opacity:0;z-index:9999;top:0;position:absolute;left:0;display:none}.page-post .footer{width:100%;position:absolute;left:0;right:0;bottom:0;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/newyear/share-bottom.png);background-size:100% auto;background-position:top center}.page-post .footer-tip{text-align:center;padding-top:90px;padding-bottom:60px}.page-post .footer-tip .text{font-size:28px;position:relative;display:inline-block}.page-post .footer-tip .text .text-main{display:inline-block;color:#ff7000;font-size:34px;padding:0 80px;margin-bottom:10px;position:relative}.page-post .footer-tip .text .text-main::before,.page-post .footer-tip .text .text-main::after{display:block;position:absolute;content:"";width:64px;height:3px;background-position:-84px -12px;top:50%;margin-top:-2px}.page-post .footer-tip .text .text-main::before{left:0}.page-post .footer-tip .text .text-main::after{right:0}.page-post .footer-tip .text .text-sub{color:#666;font-size:32px;display:block}.page-post .footer-tip .text::before,.page-post .footer-tip .text::after{position:absolute;border-radius:50%;content:""}.page-post .footer-tip .text::before{background-color:#ffb467;width:21px;height:21px;right:-110px;top:32px}.page-post .footer-tip .text::after{background:#ffd6ac;width:30px;height:30px;right:-80px;top:60px}.page-post .footer-tip i{background-color:#ff9c37;opacity:.902;position:absolute;border-radius:50%;width:30px;height:30px;left:-80px;top:30px}.page-post .footer-tip i::before,.page-post .footer-tip i::after{position:absolute;border-radius:50%;content:""}.page-post .footer-tip i::before{border-radius:50%;background-color:#ffd6ac;width:21px;height:21px;left:40px;top:40px}.page-post .footer-tip i::after{background-color:#ffd6ac;opacity:.678;width:15px;height:15px;left:-30px;top:20px}.page-post .footer-code{padding:60px 30px 0}.page-post .footer-code.isAndroid .tip{font-size:18px}.page-post .footer-code .line{display:flex;justify-content:space-between}.page-post .footer-code .tip{border-radius:10px 10px 0 0;background:#f2f2f2;line-height:50px;font-size:13px;text-align:center}.page-post .footer-code .left{text-align:left;font-size:20px;vertical-align:middle;width:420px;padding-bottom:20px;float:left;position:relative}.page-post .footer-code .left::before{background-color:#d7d7d7;position:absolute;right:0;top:45%;transform:translateY(-50%);width:3px;height:106px;content:""}.page-post .footer-code .left .userame{font-size:22px}.page-post .footer-code .left b{color:#ff8d48}.page-post .footer-code .left .text{display:inline-block;vertical-align:middle;width:280px}.page-post .footer-code .right{text-align:left;vertical-align:middle;width:calc(100% - 430px);float:right}.page-post .footer-code .right .code{display:inline-block;vertical-align:middle;width:90px}.page-post .footer-code .right .logo{display:inline-block;vertical-align:middle;width:calc(100% - 120px)}.page-post .footer-code .right .logo img{display:block;width:140px;height:35px}.page-post .footer-code .right .logo h6{font-size:20px;display:block;color:#ef9a4e}.page-post .footer-code .footer-tx{display:inline-block;border-radius:50%;width:97px;height:97px;margin-right:15px;position:relative}.page-post .footer-code .footer-tx::after,.page-post .footer-code .footer-tx::before{position:absolute;background-color:#ffcd97;opacity:.8;border-radius:50%;content:""}.page-post .footer-code .footer-tx::before{width:27px;height:27px;z-index:0;top:10px;left:-10px}.page-post .footer-code .footer-tx::after{width:14px;height:14px;right:-4px;bottom:-3px}.page-post .footer-code .footer-tx img{border-width:4px;border-color:#ff782e;border-style:solid;position:relative;z-index:2;width:100%;height:100%;border-radius:50%}.page-post-bulid{pointer-events:none;z-index:1;top:100%;height:100%;overflow:hidden}.page-post-bulid .footer-code{padding-top:90px}.page-post-show .footer{transform:translateY(200%);transition:all .35s}.page-post-show .footer.on{transform:translate(0%)}.page-edit{z-index:2;background:#fff}.page-edit .drag-wrap{width:100%;top:0;left:0;position:absolute;height:calc(100% - 255px)}.page-edit .role-wrap{position:absolute;top:580px;left:0;right:20px;bottom:255px}.page-edit .tx{position:absolute;z-index:999;left:100px;bottom:50%}.page-edit .tx-to{position:absolute;z-index:999;right:100px;bottom:50%}.page-edit .des-wrap{position:absolute;top:20px;bottom:255px;left:0;right:20px}.page-edit.on .btn-save{-webkit-animation:jiggle 3s ease-in infinite;-ms-animation:jiggle 3s ease-in infinite;animation:jiggle 3s ease-in infinite}.page-edit.drag-des .drag-wrap::before{position:absolute;content:"";background:rgba(0,0,0,.4);width:63.5%;left:18.5%;height:550px;top:170px}.page-edit.drag-role .drag-wrap{z-index:100}.page-edit.drag-role .drag-wrap::before,.page-edit.drag-role .drag-wrap::after{position:absolute;content:"";background:rgba(0,0,0,.4);width:100%}.page-edit.drag-role .drag-wrap::before{top:0;height:560px}.page-edit.drag-role .drag-wrap::after{bottom:-1000px;height:1000px}.page-edit .nav-sec .swiper-slide{width:150px!important;height:130px;position:relative}.page-edit .nav-sec .swiper-slide::after{content:"";width:1px;height:75px;position:absolute;background:url(//cdncs.101.com/v0.1/static/edit_99/tmcms/H5/newyear/dec/line.png);top:50%;transform:translateY(-50%);right:0;opacity:.7}.page-edit .nav-sec .swiper-slide.on{background:#e1e1e1}.page-edit .nav-sec .swiper-slide:last-child::after{display:none}.page-edit .nav-sec .swiper-slide .item{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.page-edit .nav-sec .swiper-slide .item-ip{height:100%;width:100%}.page-edit .nav-sec .swiper-slide .item-ip img{max-height:70%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.page-edit .nav-sec-2{width:100%;position:absolute;left:0;bottom:125px;background:#f4f4f4;height:130px}.page-edit .nav-sec-2 .swiper-container{width:100%}.page-edit .nav-step{position:absolute;width:100%;text-align:center;left:0;bottom:260px}.page-edit .nav-step label{display:inline-block;border-style:solid;border-width:2px;border-color:#fff;border-radius:50%;width:59px;height:59px;background-color:rgba(0,0,0,.4);position:relative}.page-edit .nav-step label.disable{opacity:.6}.page-edit .nav-step label:last-child{margin-left:40px}.page-edit .nav-step label i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.page-edit .btn-yellow{display:block;position:absolute;color:#fff;text-align:center;z-index:999;line-height:58px;font-size:27px;text-shadow:0 2px 3px #c95500}.page-edit .btn-yellow i{display:inline-block;position:relative;margin-right:10px;top:8px}.page-edit .btn-yellow span{display:inline-block;vertical-align:middle}.page-edit .btn-save{height:62px;width:283px;background-position:0 -196px;top:20px;right:20px}.page-edit .btn-save.on{background-position:0 -277px}.page-edit .btn-rebuild{bottom:280px;right:20px;height:62px;width:210px;background-position:0 -120px;letter-spacing:1px}.page-edit .btn-rebuild.on{background-position:0 -44px}.page-edit .btn-label{position:absolute;border-style:solid;border-width:2px;border-color:#fff;background-color:rgba(0,0,0,.4);line-height:60px;border-radius:30px;float:left;color:#fff;display:block;font-size:28px;padding:0 20px}.page-edit .btn-label i{display:inline-block;vertical-align:middle;margin-right:10px;position:relative;top:-1px}.page-edit .btn-label.reset{z-index:999;bottom:280px;left:20px}.page-edit .btn-label.on{background-color:rgba(0,0,0,.6)}.canvas-wrap{width:100%;height:100%;position:relative}.canvas-wrap .canvasMain{width:100%;height:100%}.canvas-wrap .top-wrap{position:absolute;top:0;left:0;z-index:999;pointer-events:none}.canvas-wrap .top-wrap .ip-wrap{position:absolute;width:844px;height:844px;left:-584px;top:-507px;overflow:hidden;border-radius:50%}.canvas-wrap .top-wrap .ip-wrap img{position:absolute}.canvas-wrap .bg{min-height:100%;min-width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.canvas-wrap .it{position:absolute;padding:10px}.canvas-wrap .it .ico-delete{position:absolute;top:0;right:0;transform:translate(50%,-50%);display:none}.canvas-wrap .it.current{border:2px solid #ed5600}.canvas-wrap .it.current .ico-delete{display:block}.canvas-wrap .it.distory{display:none!important}.canvas-wrap .it.img1 img{width:250px}.canvas-wrap .it.img2 img{width:250px}.canvas-wrap .it.img3 img{width:120px}.canvas-wrap .it.img4 img{width:120px}.canvas-wrap .it.img5 img{width:130px}.canvas-wrap .it.img6 img{width:150px}.canvas-wrap .it.img7 img{width:120px}.canvas-wrap .it.img8 img{width:100px}.canvas-wrap .it.img9 img{width:110px}.canvas-wrap .it.img10 img{width:115px}.canvas-wrap .it.img11 img{width:75px}.canvas-wrap .it.img12 img{width:75px}.canvas-wrap .it.img13 img{width:110px}.canvas-wrap .it.img14 img{width:90px}.canvas-wrap .it.img15 img{width:140px}.canvas-wrap .it.img16 img{width:120px}.canvas-wrap .it.img17 img{width:110px}.canvas-wrap .it.img18 img{width:105px}.canvas-wrap .it.img19 img{width:100px}.canvas-wrap .it.img20 img{width:80px}.canvas-wrap .it.img21 img{width:100px}.canvas-wrap .it.img22 img{width:110px}.canvas-wrap .it.img23 img{width:165px}.canvas-wrap .it.img24 img{width:84px}.canvas-wrap .it.img25 img{width:110px}.canvas-wrap .it.img26 img{width:42px}.canvas-wrap .sign{width:100%;position:absolute;top:0;left:0}.canvas-wrap .sign .sign-bg{max-width:100%;position:relative;top:-100px}.canvas-wrap .sign .sign-text{width:50%;position:absolute;top:260px;left:25%;text-align:center;font-weight:700}.canvas-wrap .sign .sign-text header img{display:block;margin:0 auto 10px}.canvas-wrap .sign .sign-text .type{text-align:right;font-size:28px;margin-top:30px}.canvas-wrap .sign .sign-text .content{font-size:34px;width:380px;margin:0 auto;text-align:center}.canvas-wrap .sign .sign-text .title{line-height:2.5;position:relative;font-size:32px;display:inline-block;vertical-align:middle}.canvas-wrap .sign .sign-text .title::after,.canvas-wrap .sign .sign-text .title::before{content:"";display:inline-block;vertical-align:middle;position:relative;top:-2px}.canvas-wrap .sign .sign-text .title::before{margin-right:10px}.canvas-wrap .sign .sign-text .title::after{margin-left:10px}@media only screen and (min-device-height:780px){.canvas-wrap .sign .sign-bg{top:0}.canvas-wrap .sign .sign-text{top:360px}}