#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}body{background-color:#0a040f}#app,.m-main,.p-birthday,body,html{width:100%;height:100%}.m-main{min-width:1200px;min-height:960px}.m-main,.p-birthday{position:relative;*zoom:1}.p-birthday{background-color:#0a040f}.p-birthday .u-video{width:100%;height:100%}.p-birthday .m-letter{position:absolute;cursor:pointer;left:50%;top:50%;width:840px;height:480px;margin:-320px 0 0 -420px}.p-birthday .m-letter.open{height:520px;-webkit-transition:all .5s;transition:all .5s}.p-birthday .m-letter.open .u-pack-top-out{z-index:1;-webkit-transform-origin:top;transform-origin:top;-webkit-animation:flipUpHidden .5s ease-in-out forwards;animation:flipUpHidden .5s ease-in-out forwards}.p-birthday .m-letter.open .u-pack-top-in{display:block!important;-webkit-transform-origin:top;transform-origin:top;-webkit-animation:flipUp .5s ease-in-out forwards;animation:flipUp .5s ease-in-out forwards}.p-birthday .m-letter.open .m-paper,.p-birthday .m-letter.open .u-img.u-girl{display:block}.p-birthday .m-letter.diffuse .u-paint,.p-birthday .m-letter.open .u-hi{display:none}.p-birthday .m-letter.diffuse .u-ground{display:block;-webkit-animation:slideIn .5s forwards;animation:slideIn .5s forwards}.p-birthday .m-letter.diffuse .u-pack-in,.p-birthday .m-letter.diffuse .u-pack-out,.p-birthday .m-letter.diffuse .u-pack-top-in{-webkit-animation:scaleFade .5s forwards;animation:scaleFade .5s forwards}.p-birthday .m-letter.diffuse .u-cake,.p-birthday .m-letter.diffuse .u-icon,.p-birthday .m-letter.diffuse .u-star,.p-birthday .m-letter.diffuse .u-txt{display:block}.p-birthday .m-letter.diffuse .m-paper,.p-birthday .m-letter.diffuse .u-cake,.p-birthday .m-letter.diffuse .u-girl,.p-birthday .m-letter.diffuse .u-icon{z-index:2}.p-birthday .m-letter.diffuse .u-cake{-webkit-transform:perspective(2000px) translate3d(15px,15px,100px);transform:perspective(2000px) translate3d(15px,15px,100px);-webkit-animation:cakeMove .5s forwards;animation:cakeMove .5s forwards}.p-birthday .m-letter.diffuse .u-icon{-webkit-animation:iconMove .5s forwards;animation:iconMove .5s forwards}.p-birthday .m-letter.diffuse .m-paper{-webkit-transform:perspective(2000px) translate3d(10px,0,-90px);transform:perspective(2000px) translate3d(10px,0,-90px);-webkit-animation:cardMove .5s forwards;animation:cardMove .5s forwards}.p-birthday .m-letter.diffuse .u-girl{-webkit-transform:perspective(2000px) translate3d(0,30px,-100px);transform:perspective(2000px) translate3d(0,30px,-100px);-webkit-animation:girlMove .5s forwards;animation:girlMove .5s forwards}.p-birthday .m-letter.diffuse .m-content{-webkit-transform:perspective(2000px) rotateY(20deg);transform:perspective(2000px) rotateY(20deg)}.p-birthday .m-letter .u-txt{cursor:default;right:-320px;top:-60px;width:358px;height:268px}.p-birthday .m-letter .u-star{width:600px;height:600px;left:-56%;bottom:-30%}.p-birthday .m-letter .u-icon{width:60px;height:60px;left:50%;bottom:30%}.p-birthday .m-letter .u-cake{width:220px;height:185px}.p-birthday .m-letter .u-cake,.p-birthday .m-letter .u-icon,.p-birthday .m-letter .u-star,.p-birthday .m-letter .u-txt{display:none}.p-birthday .m-letter .u-ground{display:none;z-index:0;-webkit-transform:rotateX(80deg);transform:rotateX(80deg);-webkit-transform-origin:center center;transform-origin:center center}.p-birthday .m-letter .u-paint{position:absolute;width:224px;height:254px;left:50%;top:50%;z-index:2;margin:-107px 0 0 -112px}.p-birthday .m-letter .u-paint.animation{-webkit-animation:scaleFade 1s forwards;animation:scaleFade 1s forwards}.p-birthday .m-letter .u-paint .u-pack-paint{width:100%;height:100%}.p-birthday .m-letter .u-paint .u-pack-ok{position:absolute;width:136px;height:136px;left:50%;top:50%;margin:-75px 0 0 -68px;-webkit-transition:-webkit-transform .5s ease;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease}.p-birthday .m-letter .u-paint .u-pack-ok:hover{-webkit-transform:rotate(10deg);transform:rotate(10deg)}.p-birthday .m-letter .m-paper{position:absolute;display:none;right:40px;top:20px;width:482px;height:228px}.p-birthday .m-letter .m-paper .u-bg{width:100%;height:100%}.p-birthday .m-letter .m-paper .u-text{position:absolute;font-size:16px;z-index:1;color:#524d7d}.p-birthday .m-letter .m-paper .u-text.name{left:52px;top:30px}.p-birthday .m-letter .m-paper .u-text.date{right:86px;bottom:22px}.p-birthday .m-letter .u-img{position:absolute}.p-birthday .m-letter .u-img.u-pack-in,.p-birthday .m-letter .u-img.u-pack-out,.p-birthday .m-letter .u-img.u-pack-top-in,.p-birthday .m-letter .u-img.u-pack-top-out{max-height:100%;width:100%}.p-birthday .m-letter .u-img.u-girl{display:none;left:20px;max-height:400px}.p-birthday .m-letter .u-img.u-pack-top{max-width:100%}.p-birthday .m-letter .u-img.u-pack-out{z-index:2;bottom:0}.p-birthday .m-letter .u-img.u-pack-top-out{z-index:2;top:0}.p-birthday .m-letter .u-img.u-pack-top-in{display:none}.p-birthday .m-letter .u-img.u-hi{left:50%;bottom:-100px;width:310px;height:auto;margin:0 0 0 -155px}.p-birthday .m-content{width:100%;height:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:perspective(2000px);transform:perspective(2000px);-webkit-transition:-webkit-transform .1s ease-out;transition:-webkit-transform .1s ease-out;transition:transform .1s ease-out;transition:transform .1s ease-out,-webkit-transform .1s ease-out}@media screen and (max-width:1133px){.m-main{min-width:100%}}@-webkit-keyframes scaleFade{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(2);transform:scale(2);opacity:0}}@keyframes scaleFade{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(2);transform:scale(2);opacity:0}}@-webkit-keyframes flipUp{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}50%{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}to{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}}@keyframes flipUp{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}50%{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}to{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}}@-webkit-keyframes flipUpHidden{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1}50%{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}to{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);opacity:0}}@keyframes flipUpHidden{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1}50%{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}to{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);opacity:0}}@-webkit-keyframes slideIn{0%{bottom:-200%}to{bottom:-170px}}@keyframes slideIn{0%{bottom:-200%}to{bottom:-170px}}@-webkit-keyframes cakeMove{0%{bottom:30%;left:50%}to{bottom:60px;left:calc(100% - 220px)}}@keyframes cakeMove{0%{bottom:30%;left:50%}to{bottom:60px;left:calc(100% - 220px)}}@-webkit-keyframes iconMove{0%{bottom:30%;left:50%}to{bottom:70px;-webkit-transform:perspective(2000px) translate3d(30px,20px,70px) skewY(-8deg) rotateY(12deg) rotateX(8deg) scaleX(.8);transform:perspective(2000px) translate3d(30px,20px,70px) skewY(-8deg) rotateY(12deg) rotateX(8deg) scaleX(.8);left:calc(30% - 80px)}}@keyframes iconMove{0%{bottom:30%;left:50%}to{bottom:70px;-webkit-transform:perspective(2000px) translate3d(30px,20px,70px) skewY(-8deg) rotateY(12deg) rotateX(8deg) scaleX(.8);transform:perspective(2000px) translate3d(30px,20px,70px) skewY(-8deg) rotateY(12deg) rotateX(8deg) scaleX(.8);left:calc(30% - 80px)}}@-webkit-keyframes cardMove{0%{right:40px;top:20px}to{top:30%;right:10%}}@keyframes cardMove{0%{right:40px;top:20px}to{top:30%;right:10%}}@-webkit-keyframes girlMove{0%{left:20px;top:0}to{left:0;top:30px}}@keyframes girlMove{0%{left:20px;top:0}to{left:0;top:30px}}.none{display:none}.hide{visibility:hidden}.show{visibility:visible}.clip{overflow:hidden;*zoom:1}.fl{float:left}.fl,.fr{*display:inline}.fr{float:right}.clearfix{*zoom:1}.clearfix:after{content:"";display:table;clear:both}.fbox{display:table-cell;width:5000px;*display:inline-block;*width:auto}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.iflex{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.grid{display:grid}.igrid{display:inline-grid}.ps{position:static}.pr{position:relative;*zoom:1}.pa{position:absolute}.pf{position:fixed}.po{position:static;margin:0}.islocked,.islocked body{width:100%;height:100%;overflow:hidden}.iconfont{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;font-family:iconfont;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale;cursor:pointer}.m-vip-container{margin-top:112px;min-height:calc(100vh - 172px)}body{min-width:1544px}.v-birthday{background-color:#24292e}.v-birthday .c-breadcrumb{display:none}.m-birthday{min-width:1520px;position:relative;*zoom:1;overflow:hidden}.m-birthday .m-birthday-video{width:100%;height:100vh;position:relative;*zoom:1}.m-birthday .m-birthday-video .u-video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.m-birthday .m-birthday-video .u-mask{background-color:rgba(0,0,0,.62);position:absolute;left:0;top:0;width:100%;height:100%}.m-birthday .m-letter{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:url(https://cdn.jx3box.com/design/card/birthday/default/letter.png) no-repeat top;width:1544px;height:839px;margin:0 auto}.m-birthday .m-letter .u-head{height:300px}.m-birthday .m-letter .u-head .u-atv,.m-birthday .m-letter .u-head .u-atv .i-atv{height:140px;width:140px}.m-birthday .m-letter .u-head .u-atv{float:right;margin-right:183px;margin-top:104px;position:relative;text-align:center}.m-birthday .m-letter .u-head .u-atv .i-stamp{position:absolute;background:url(https://cdn.jx3box.com/design/card/birthday/default/stamp.png) no-repeat;left:-88px;top:66px;width:272px;height:146px}.m-birthday .m-letter .u-zip{color:#24292e;font-size:40px;letter-spacing:35px;float:left;margin-left:175px;margin-top:102px}.m-birthday .m-letter .u-cont .u-title{color:#24292e;font-size:58px;text-align:center;margin-bottom:22px}.m-birthday .m-letter .u-cont .u-title b{padding:0 30px}.m-birthday .m-letter .u-cont .u-age{width:700px;margin:0 auto}.m-birthday .m-letter .u-cont .u-age span{background:url(https://cdn.jx3box.com/design/card/birthday/default/txt.png) 100% no-repeat;color:#682b1c;font-size:98px;font-weight:700;height:96px;line-height:96px;padding-right:580px;display:inline-block;text-shadow:0 0 5px #c1664c}.m-birthday .m-letter .u-circle{position:absolute;right:-80px;top:65px;width:1830px;height:945px;max-width:none}.m-birthday .m-letter .u-light{position:absolute;right:20px;top:330px}.m-birthday .c-footer{background-color:#24292e;margin:0;padding:20px 10px;border-radius:0}