.land,.loading,.wechat-share-prompt{height:100%;text-align:center;color:#FFF}.land,.loading,.share-img,.wechat-share-prompt{position:absolute;z-index:999}*{margin:0;padding:0}body,html{height:100%;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none}button{border:none}body{font-family:"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Microsoft Yahei",微软雅黑,STHeiti,华文细黑,sans-serif}.land,.loading{width:100%;background:url(../img/bg1.png) no-repeat;background-size:100%;font-size:14px}.land{display:none}.loading-img{margin-top:45%;width:1.2rem}@-webkit-keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(.755,.050,.855,.060);transition-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(.755,.050,.855,.060);transition-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(.755,.050,.855,.060);transition-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(.755,.050,.855,.060);transition-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{animation:bounce 1.6s infinite;-webkit-animation:bounce 1.6s infinite}.wechat-share-prompt{width:100%;background:rgba(0,0,0,.7)}.share-img{top:.8rem;right:.4rem;width:6rem}@-webkit-keyframes rotate-b{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-b{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@media screen and (min-width:320px) and (max-width:500px){.swiper-container,.swiper-slide{width:100%;min-width:320px;max-width:450px;margin:0 auto;height:100%}.baby-health-info,.baby-info,.footer-slogan,.title,.title-words{text-align:center}.swiper-container{background:#fff}.swiper-slide{overflow:hidden;position:relative}.swiper-s1,.swiper-s2,.swiper-s4,.swiper-s5,.swiper-s7,.swiper-s7-zt{background:url(../img/bg1.png) no-repeat;background-size:100% 100%;-moz-background-size:100% 100%}.swiper-s3,.swiper-s6{background:url(../img/bg2.png) no-repeat;background-size:100% 100%;-moz-background-size:100% 100%}.sep-left-line,.sep-right-line{bottom:1rem;width:4.3rem;height:1px;background:#FFF;position:fixed;z-index:500}.sep-left-line{left:0}.sep-right-line{right:0}.footer-slogan{position:fixed;width:100%;bottom:.2rem;z-index:500;color:#fff;font-size:14px}.footer-modoo-icon{position:fixed;bottom:.74rem;z-index:500;width:.6rem;left:4.72rem}.music-control-container{position:fixed;z-index:500;top:.2rem;right:.2rem}.baby-info,.header-ani,.header-img,.photo-frame{position:absolute}.music-control-container img{width:.8rem}.music-on{animation:3.6s infinite linear rotate-b;-webkit-animation:3.6s infinite linear rotate-b}.header-img{top:0;z-index:100;width:100%}.header-ani{top:5rem;right:2.2rem;z-index:101;width:1.8rem}.baby-info{z-index:200;width:7.2rem;height:3rem;top:2.6rem;left:1.2rem;margin-left:.3rem;margin-top:.5rem;font-size:18px;line-height:130%;color:#FC605F}.photo-frame{width:8rem;top:5.26rem;left:1.12rem;z-index:10}.baby-photo-container{position:absolute;width:6rem;top:6rem;left:2.133333rem;height:8rem;background-color:#FFF;transform:rotate(-12deg);-ms-transform:rotate(-12deg);-moz-transform:rotate(-12deg);-webkit-transform:rotate(-12deg);-o-transform:rotate(-12deg);background-position:center center;background-repeat:no-repeat;background-size:100% 100%}.title{margin:0 auto;width:3.1rem;border:1px solid #FFF;font-size:16px;color:#FF608F}.title-words{margin:.08rem auto;background:#FFF;width:2.9rem}.title-left,.title-right{width:3.2rem;position:absolute;top:0}.title-left{left:0}.title-right{right:0}.baby-health-info,.baby-health-info-content{position:relative}.baby-health-info{margin-top:.266667rem}.baby-health-info-content p{text-align:left;margin-top:.5rem;margin-left:.768rem;font-size:16px;color:#FFF}.baby-sign-img-container{height:3.5rem}.baby-sign-container{position:absolute;right:.84rem;top:0}.baby-sign-img{width:2rem;right:.64rem}.baby-sign-words{font-size:16px;color:#FFF;margin-top:.08rem}.baby-modoo-info{position:relative;text-align:center;margin-top:.8rem}.brith-chart-container{position:relative;margin-top:1rem}.brith-chart-container p{position:absolute;color:#FFF;font-size:16px;text-align:center}.birth-chart{margin:0 auto}.canvas-title-1{top:-.6rem;width:100%}.canvas-title-2{top:.9rem;left:0;width:50%}.canvas-title-3{top:.9rem;right:0;width:50%}.canvas-title-4{top:3.7rem;width:70%;left:0}.canvas-title-5{top:3.7rem;width:70%;right:0}.baby-title{text-align:center;margin-top:.6rem;color:#FFF}.left-content-group{text-align:left;position:relative;color:#FFF;margin-left:.8rem}.right-content-group{text-align:right;position:relative;color:#FFF;margin-right:.8rem}.left-content-group p{line-height:150%}.num-big{font-size:24px}.small-heart-img{width:.6rem}.modoo-trace{position:relative;text-align:center;margin-top:.266667rem}.big-heart-img,.flash-heart-img{position:absolute}.swiper-s3 .left-content-g1{margin-top:2.2rem}.swiper-s3 .right-content-g1{margin-top:.1rem}.swiper-s3 .left-content-g2{margin-top:1.5rem}.swiper-s3 .back-img{position:absolute;top:6.4rem;right:0}.swiper-s3 .back-img .back-img-src{width:100%}.swiper-s3 .content-img{position:absolute;top:12.1rem;right:.6rem}.swiper-s3 .content-img .flash-img-src{width:1.6rem;z-index:300}.swiper-s4 .right-content-g1{margin-top:2.8rem;margin-right:1.76rem}.swiper-s4 .left-content-g1{margin-top:.32rem;margin-left:1.76rem}.swiper-s4 .back-img-1{position:absolute;top:7.4rem;right:-.533333rem}.swiper-s4 .back-img-1 img{width:5.44rem}.swiper-s4 .back-img-2{position:absolute;top:12.8rem;left:4%}.swiper-s4 .back-img-2 img{width:92%}.swiper-s4 .right-content-g1 .big-heart-img{top:-2.4rem;right:-2.2rem;width:5rem}.swiper-s4 .right-content-g1 .flash-heart-img{width:.6rem;right:0;top:-.52rem}.swiper-s4 .left-content-g1 .big-heart-img{top:-2.4rem;left:-2.2rem;width:5rem}.swiper-s4 .left-content-g1 .flash-heart-img{width:.6rem;left:0;top:-.52rem}.swiper-s5 .left-content-g1{margin-top:5rem;margin-left:1.5rem}.swiper-s5 .left-content-g1 .content-seprate{margin-top:.6rem}.swiper-s5 .back-img{position:absolute;top:2.8rem;right:0}.swiper-s5 .back-img img{width:3.6rem}.swiper-s5 .big-heart-img{top:-2.4rem;left:-2.2rem;width:5rem}.swiper-s5 .flash-heart-img{width:.6rem;left:0;top:-.52rem}.swiper-s5 .content-img{position:absolute;top:6.7rem;right:1.25rem}.swiper-s5 .content-img img{width:1.6rem}.center-content-group{text-align:center;position:relative;color:#FFF;margin-top:2.2rem}.swiper-s6 .big-heart-img{top:-2.4rem;left:2.5rem;width:5rem}.swiper-s6 .flash-heart-img{width:.6rem;left:4.7rem;top:-.52rem}.swiper-s6 .back-img-1{position:absolute;top:4.8rem;left:-.8rem}.swiper-s6 .back-img-1 img{width:6.666667rem}.swiper-s6 .back-img-user-avatar{position:absolute;top:7.46rem;left:1.875rem}.swiper-s6 .back-img-user-avatar img{width:1.3rem;height:1.3rem;border-radius:2rem}.swiper-s6 .back-img-2{position:absolute;top:6.4rem;right:0}.swiper-s6 .back-img-2 img{width:100%}.swiper-s6 .content-img{position:absolute;top:12.1rem;right:.6rem}.swiper-s6 .content-img .flash-img-src{width:1.6rem;z-index:300}.swiper-s7 .left-content-g1{margin-top:1.2rem;margin-left:1.2rem}.swiper-s7 .left-content-g1 .content-seprate{margin-top:.8rem}.swiper-s7 .big-heart-img{top:-2.4rem;left:-2.2rem;width:5rem}.swiper-s7 .flash-heart-img{width:.6rem;left:0;top:-.52rem}.buy-qr img{margin-top:.6rem;margin-left:1.2rem;width:6.4rem}.share-area-container{margin-top:.4rem;width:100%}.share-container{display:inline-block;position:relative;text-align:center;border:2px solid #000;border-radius:.16rem;background:#FFF643;padding:.12rem 0}.share-friend-c{margin-left:1.12rem;width:3.4rem}.share-circle-c{margin-left:1rem;width:3.4rem}.share-container button{background:#FFF643;border:1px dashed #000;border-radius:.1rem;width:3.2rem;padding:.12rem 0;font-size:14px}.button-left-img{position:absolute;left:-.4rem;top:-.4rem;height:.76rem}.swiper-s7-zt .big-heart-img{top:-2.4rem;left:2.5rem;width:5rem}.swiper-s7-zt .flash-heart-img{width:.6rem;left:4.7rem;top:-.52rem}}@media screen and (min-width:320px) and (max-width:359px){.loading{font-size:14px}.swiper-slide{font-size:12px}.baby-info{font-size:16px}.title{font-size:12px}.baby-health-info-content p,.baby-sign-words,.baby-title{font-size:14px}.brith-chart-container p{font-size:12px}.num-big{font-size:24px}.center-content-group{font-size:16px}.footer-slogan{font-size:12px}.share-container button{font-size:16px}}@media screen and (min-width:360px) and (max-width:400px){.loading{font-size:16px}.swiper-slide{font-size:14px}.baby-info{font-size:18px}.title{font-size:14px}.baby-health-info-content p,.baby-sign-words,.baby-title{font-size:16px}.brith-chart-container p{font-size:14px}.num-big{font-size:28px}.center-content-group{font-size:18px}.footer-slogan{font-size:14px}.share-container button{font-size:18px}}@media screen and (min-width:401px) and (max-width:500px){.loading{font-size:18px}.swiper-slide{font-size:16px}.baby-info{font-size:20px}.baby-title,.title{font-size:16px}.baby-health-info-content p,.baby-sign-words{font-size:18px}.brith-chart-container p{font-size:14px}.num-big{font-size:30px}.center-content-group{font-size:20px}.footer-slogan{font-size:14px}}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes flash{0%{opacity:0}100%{opacity:1}}@keyframes flash{0%{opacity:0}100%{opacity:1}}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.swing{-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes swing{0%,100%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}50%{-webkit-transform:rotate3d(0,0,1,-15deg);transform:rotate3d(0,0,1,-15deg)}}@keyframes swing{0%,100%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}50%{-webkit-transform:rotate3d(0,0,1,-15deg);transform:rotate3d(0,0,1,-15deg)}}.alarm{-webkit-animation-name:alarm;animation-name:alarm}@-webkit-keyframes alarm{30%,50%,70%,90%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}20%,40%,60%,80%{-webkit-transform:rotate3d(0,0,1,-15deg);transform:rotate3d(0,0,1,-15deg)}0%,100%{-webkit-transform:rotate3d(0,0,1,0);transform:rotate3d(0,0,1,0)}}@keyframes alarm{30%,50%,70%,90%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}20%,40%,60%,80%{-webkit-transform:rotate3d(0,0,1,-15deg);transform:rotate3d(0,0,1,-15deg)}0%,100%{-webkit-transform:rotate3d(0,0,1,0);transform:rotate3d(0,0,1,0)}}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@media screen and (orientation:landscape){.land{display:block;font-size:16px}.footer,.swiper-container{display:none}.land .loading-img{margin-top:200px;width:40px}}
/*# sourceMappingURL=style.css.map */