.open-animate-container{height:100%;background:url(../img/open_birthday_background.80668b16.png);background-size:100% 100%;background-repeat:no-repeat;padding-top:17.066667vw}.open-animate-container .blesscard-bling1{position:fixed;top:-10.666667vw;width:100%;height:auto}.open-animate-container .blesscard-bling2{position:fixed;bottom:-8vw;width:100%;transform:rotate(180deg);opacity:.7}@keyframes scaleFont{0%{transform:scale(1)}40%{transform:scale(2)}to{transform:scale(2)}}@keyframes toRight{0%{left:-5.333333vw;top:-5.333333vw}to{left:13.6vw;top:6.933333vw}}@keyframes toRightWidth{0%{width:5.333333vw}to{width:78.666667vw}}@keyframes toRightWidth2{0%{width:5.333333vw}to{width:57.6vw}}@keyframes opacityNone{0%{opacity:1}80%{opacity:1}to{opacity:0}}.open-animate-container .flap{background-size:100%;width:100%;height:100%;background-repeat:no-repeat;transform-origin:top}.open-animate-container .open .flap{transform:rotateX(180deg) translateY(-2.666667vw);transition:transform .4s ease,z-index .6s;z-index:1}.open-animate-container .close .flap{transform:rotateX(0deg) translate(0);transition:transform .4s ease .6s,z-index 1s;z-index:5}.open-animate-container .blesscard-txt1-box{width:78.666667vw;height:21.6vw;margin:0 auto}.open-animate-container .blesscard-txt1-box .child{width:78.666667vw;overflow:hidden;animation:toRightWidth 1.5s ease}.open-animate-container .blesscard-txt1-box .blesscard-txt1{width:78.666667vw;height:21.6vw}.open-animate-container .blesscard-txt2-box{width:57.6vw;height:5.333333vw;margin:0 auto}.open-animate-container .blesscard-txt2-box .child{width:57.6vw;overflow:hidden;animation:toRightWidth2 1.5s ease}.open-animate-container .blesscard-txt2-box .blesscard-txt2{width:57.6vw;height:5.333333vw;margin:0 auto;margin-top:3.466667vw}.open-animate-container .heads-containers{position:relative;width:100%;height:69.333333vw;margin-top:13.333333vw}.open-animate-container .heads-containers #hideName{animation:opacityNone 4s ease}.open-animate-container .heads-containers .self-open{position:relative;top:24%;z-index:2;width:37.333333vw;height:37.333333vw;margin:0 auto;opacity:0;animation:opacityNone 4s ease}.open-animate-container .heads-containers .self-open .over-hide{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:14.666667vw;height:14.666667vw;overflow:hidden;border-radius:50%}.open-animate-container .heads-containers .self-open .over-hide .line-box{position:absolute;left:-5.333333vw;top:-5.333333vw;z-index:2;width:10.666667vw;height:26.666667vw;transform:rotate(40deg);display:flex;animation:toRight 2s ease infinite}.open-animate-container .heads-containers .self-open .over-hide .line-box p{width:1.333333vw;padding:0;margin:0;margin-left:2.666667vw;height:100%;border-radius:5%;background:hsla(0,0%,100%,.3)}.open-animate-container .heads-containers .self-open .over-hide .line-box p:last-child{width:2.666667vw}.open-animate-container .heads-containers .self-open .blesscard-birth4{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:37.333333vw;height:37.333333vw}.open-animate-container .heads-containers .self-open .blesscard-birth3{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:21.866667vw;height:21.866667vw}.open-animate-container .heads-containers .self-open .blesscard-birth2{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:17.866667vw;height:17.866667vw}.open-animate-container .heads-containers .self-open .blesscard-birth1{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:14.666667vw;height:14.666667vw}.open-animate-container .heads-containers .self-open .blesscard-birth1-txt{position:absolute;left:0;right:0;top:0;bottom:0;z-index:4;margin:auto;width:5.333333vw;height:2.666667vw;animation:scaleFont 1s ease-out infinite}.open-animate-container .heads-containers .dear-name-box{position:absolute;top:4.8vw;z-index:2}.open-animate-container .heads-containers .dear-name-box .name{position:absolute;left:0;right:0;z-index:3;font-size:4.8vw;font-family:zihun110hao-wulinjianghuti,zihun110hao;font-weight:400;color:#ff824b;line-height:5.866667vw;text-shadow:0 2.133333vw 2.4vw rgba(164,56,73,.34);line-height:22.666667vw;width:53.333333vw;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:center;margin:0 auto}.open-animate-container .heads-containers .dear-name-box .blesscard-down-top{position:absolute;left:0;right:0;margin:auto;z-index:2;width:96%;height:48vw}.open-animate-container .heads-containers .blesscard-message3{position:absolute;top:0;width:101%;height:64vw}.open-animate-container .heads-containers .blesscard-hands{position:absolute;bottom:0;width:100%;height:48vw}.blessing-card-detail{width:100%;height:100vh}.blessing-card-detail .changeBtn{width:21.333333vw;height:8vw;line-height:8vw;text-align:center;color:#fff;background:rgba(0,0,0,.5);border-radius:1.066667vw;font-size:3.733333vw;position:fixed;top:3.2vw;right:3.2vw;z-index:99}.blessing-card-detail .changeBtn div{width:21.333333vw}@keyframes spin{0%{transform:scale(0)}to{transform:scale(1)}}.blessing-card-detail .show-load{animation:spin 1s ease}.blessing-card-detail .card-father{height:100%}.blessing-card-detail .bg-image{width:100%;height:auto}