@keyframes gift-box-animate-scale{0%{transform:scale3d(100%,100%,100%)}to{transform:scale3d(115%,115%,100%)}}@keyframes gift-box-animate-lantern{0%{transform:rotate(0deg)}33%{transform:rotate(-8deg)}66%{transform:rotate(0deg)}to{transform:rotate(7deg)}}@keyframes gift-box-animate-branches{0%{transform:skew(0,0)}to{transform:skew(3deg,3deg)}}@keyframes gift-box-animate-silk-ribbon{0%{transform:rotate(18deg) translate(0);opacity:1}20%{left:-80%;top:10%;opacity:.8}to{left:-80%;top:300%;opacity:0}}@keyframes gift-box-animate-opacity-in{0%{opacity:0}to{opacity:1}}@keyframes gift-box-animate-opacity-out{0%{opacity:1}to{opacity:0}}.gift-animation-wrap{display:flex;position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(at center,#c24a3f 0,#bc2b13 100%)}.gift-animation-wrap .image-element{background-position:50% 50%;background-repeat:no-repeat;background-origin:border-box;background-size:cover;position:absolute;filter:brightness(115%)}.gift-animation-wrap .moon{left:50%;top:50%;transform:translate(-50%,-50%);background-image:url(//pic.c-ctrip.com/h5/giftcard/lipin/mobile/sendgift/animation/newyear/moon-1.png);width:70vw;height:70vw}.gift-animation-wrap .gift-animation-lefttop{left:0;top:0;background-image:url(//pic.c-ctrip.com/h5/giftcard/lipin/mobile/sendgift/animation/newyear/clound-top.png);width:75vw;height:71.25vw}.gift-animation-wrap .gift-animation-leftbottom{left:0;bottom:0;background-image:url(//pic.c-ctrip.com/h5/giftcard/lipin/mobile/sendgift/animation/newyear/clound-bottom.png);width:100%;height:59.5vw}.gift-animation-wrap .left-bottom-mountain{left:-66.5vw;bottom:0;background-image:url(//pic.c-ctrip.com/h5/giftcard/lipin/mobile/sendgift/animation/newyear/mountain-left.png);width:100%;height:49vw}.gift-animation-wrap .left-bottom-cloud{left:-11.5vw;bottom:0;background-image:url(//pic.c-ctrip.com/h5/giftcard/lipin/mobile/sendgift/animation/newyear/cloud.png);width:70vw;height:7.28vw}.gift-animation-wrap .right-bottom-mountain{right:-40vw;bottom:0;background-image:url(//pic.c-ctrip.com/h5/giftcard/lipin/mobile/sendgift/animation/newyear/mountain-right.png);width:100vw;height:45.6vw}.gift-animation-wrap .balustrade{right:-9vw;bottom:0;background-image:url(//pic.c-ctrip.com/h5/giftcard/lipin/mobile/sendgift/animation/newyear/balustrade.png);width:50vw;height:22.7vw}.gift-animation-wrap .lantern{background-image:url(//pic.c-ctrip.com/h5/giftcard/lipin/mobile/sendgift/animation/newyear/lantern.png);width:24vw;height:29.28vw;transform-origin:50% 0}.gift-animation-wrap .flower{background-image:url(//pic.c-ctrip.com/h5/giftcard/lipin/mobile/sendgift/animation/newyear/flower.png);width:10vw;height:8.4vw}.gift-animation-wrap .eaves{background-image:url(//pic.c-ctrip.com/h5/giftcard/lipin/mobile/sendgift/animation/newyear/eaves.png);width:55vw;height:38.5vw;right:0;top:2vw}.gift-animation-wrap .left-top-lantern{top:-8.5vw;left:13vw}.gift-animation-wrap .eaves-lantern{top:31.9vw;right:20.5vw}.gift-animation-wrap .right-center-branches{top:23vw;right:-18vw;background-image:url(//pic.c-ctrip.com/h5/giftcard/lipin/mobile/sendgift/animation/newyear/branch-right.png);width:50vw;height:77.5vw}.gift-animation-wrap .left-bottom-branches{left:-3.5vw;bottom:0;background-image:url(//pic.c-ctrip.com/h5/giftcard/lipin/mobile/sendgift/animation/newyear/branch-bottom.png);width:55vw;height:85.25vw}.gift-animation-wrap .center-top-flower{left:50%;transform:translateX(-50%);top:34vw}.gift-animation-wrap .snow-wrap{width:40vw;height:120vw;position:absolute;top:30.8vw;right:0}.gift-animation-wrap .animate-button{bottom:20vw;position:absolute;left:27.5vw;width:45vw;height:13.41vw;opacity:1}.gift-animation-wrap .button-preview{background-image:url(//pic.c-ctrip.com/h5/giftcard/lipin/mobile/sendgift/animation/newyear/view-button.png)}.gift-animation-wrap .button-receive{background-image:url(//pic.c-ctrip.com/h5/giftcard/lipin/mobile/sendgift/animation/newyear/receive-button.png);position:relative;bottom:unset;margin:8px 0}.gift-animation-wrap .btn-addr,.gift-animation-wrap .btn-gift,.gift-animation-wrap .btn-receive,.gift-animation-wrap .btn-receive-goods,.gift-animation-wrap .btn-submit-addr{position:relative;bottom:unset;margin:8px 0;width:45vw;height:12.69vw}.gift-animation-wrap .wxBtnGroup .animate-button{left:unset}.gift-animation-wrap .animate-button.disabled{filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter:grayscale(1)}.gift-animation-wrap .btn-addr{background-image:url(//pic.c-ctrip.com/h5/giftcard/lipin/mobile/sendgift/animation/newyear/btn-addr.png)}.gift-animation-wrap .btn-gift{background-image:url(//pic.c-ctrip.com/h5/giftcard/lipin/mobile/sendgift/animation/newyear/btn-gift.png)}.gift-animation-wrap .btn-receive-goods{background-image:url(//pic.c-ctrip.com/h5/giftcard/lipin/mobile/sendgift/animation/newyear/btn-receive-goods.png)}.gift-animation-wrap .btn-submit-addr{background-image:url(//pic.c-ctrip.com/h5/giftcard/lipin/mobile/sendgift/animation/newyear/btn-submit-addr.png)}.gift-animation-wrap .btn-receive{background-image:url(//pic.c-ctrip.com/h5/giftcard/lipin/mobile/sendgift/animation/newyear/btn-receive.png)}.gift-animation-wrap .crane{background-image:url(//pic.c-ctrip.com/h5/giftcard/lipin/mobile/sendgift/animation/newyear/crane-1.png);width:65vw;height:46.995vw}.gift-animation-wrap .left-crane{width:65vw;height:46.995vw;position:absolute;left:0;bottom:calc(50vh + 4.5025vw);transform:translate3d(-100%,-50%,0) rotateY(180deg)}.gift-animation-wrap .right-crane{width:65vw;height:46.995vw;position:absolute;right:0;bottom:calc(50vh - 47.9975vw);transform:translate3d(100%,50%,0)}.gift-animation-wrap .crane-card{width:9vw;height:11vw;transform:rotate(18deg);position:absolute;left:18%;top:27%}.gift-animation-wrap .crane-card .cover{width:50%;height:100%;position:absolute;left:0;top:0;background:#666;overflow:hidden}.gift-animation-wrap .crane-card .cover .high-light{width:300%;height:100%;position:absolute;left:0;top:0;background:radial-gradient(farthest-corner at 7% 13%,transparent 0,#eee 80%,#fff 100%);filter:brightness(1.5)}.gift-animation-wrap .crane-card .cover:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-image:linear-gradient(90deg,rgba(0,0,0,.1) .3%,hsla(0,0%,100%,.09) 1.1%,transparent 1.3%),linear-gradient(90deg,rgba(0,0,0,.2) 0,hsla(0,0%,100%,.08) 0,transparent .5%);background-size:50% 100%,50% 100%;background-position:0 top,9% top}.gift-animation-wrap .crane-card .card-content{background:#666;width:100%;height:100%;position:relative;overflow:hidden}.gift-animation-wrap .crane-card .card-content .high-light{position:absolute;content:"";left:0;top:0;height:100%;width:170%;background:radial-gradient(farthest-corner at 10% 15%,transparent 0,#eee 80%,#fff 100%);filter:brightness(1.5)}.gift-animation-wrap .crane-card .silk-ribbon{background-image:url(//pic.c-ctrip.com/h5/giftcard/lipin/mobile/sendgift/animation/newyear/silk-ribbon.png);width:130%;height:120%;top:-18%;left:-37%;transform:rotate(-18deg)}.gift-animation-wrap .gift-animation-content{display:none;opacity:0;overflow:auto;width:100%}.gift-animation-wrap .wxFixedBtnWrap,.gift-animation-wrap .wxSectionPurple{background:transparent}.gift-animation-wrap .wxPostWhiteBorder{border-color:#ffe7c0}.gift-animation-wrap .section-tips{position:absolute;left:0;right:0;top:0;bottom:0;pointer-events:none}.gift-animation-wrap .animate,.gift-animation-wrap .animate>*{animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:linear}.gift-animation-wrap .animate .lantern{animation-name:gift-box-animate-lantern;animation-timing-function:linear;animation-duration:5s}.gift-animation-wrap .animate .lantern.left-top-lantern{animation-delay:1.5s}.gift-animation-wrap .animate .branches{animation-name:gift-box-animate-branches;animation-timing-function:linear;animation-duration:5s}.gift-animation-wrap .animate .right-center-branches{animation-delay:.8s;transform-origin:0 100%}.gift-animation-wrap .animate .left-bottom-branches{transform-origin:50% 100%}.gift-animation-wrap .animate .animate-button{animation-duration:.6s;animation-timing-function:linear;animation-name:gift-box-animate-scale}.gift-animation-wrap .animate .crane{background-image:url(//pic.c-ctrip.com/h5/giftcard/lipin/mobile/sendgift/animation/newyear/crane.gif)}.gift-animation-wrap .animate-button.animate{animation-duration:.6s;animation-timing-function:linear;animation-name:gift-box-animate-scale}.gift-animation-wrap .in .left-crane,.gift-animation-wrap .in .right-crane{animation:2.5s ease-out alternate forwards;transition:all 2.5s ease-out;transform:translateZ(0)}.gift-animation-wrap .in .left-crane{transition-delay:.1s;animation-delay:.1s;transform:translate3d(-15%,0,0) rotateY(180deg)}.gift-animation-wrap .done .right-crane{transform:translateZ(0)}.gift-animation-wrap .done .left-crane{transform:translate3d(-15%,0,0) rotateY(180deg)}.gift-animation-wrap .done .silk-ribbon{animation:gift-box-animate-silk-ribbon 1s linear alternate forwards}.gift-animation-wrap .done .crane-card{transform:rotate(0deg) perspective(100vh);animation:1.8s linear alternate forwards;transition:all 1.8s linear;transform-style:flat}.gift-animation-wrap .done .crane-card .cover{transform-origin:left;transition:1.8s cubic-bezier(0,.82,1,.63);transform:rotateY(-180deg)}.gift-animation-wrap .done .crane-card .cover .high-light{background:radial-gradient(farthest-corner at 7% 13%,#fff 0,#eee 20%,transparent 100%)}.gift-animation-wrap .done .crane-card .card-content{transition:all 1.8s linear}.gift-animation-wrap .done .crane-card .card-content .high-light{background:radial-gradient(farthest-corner at 10% 15%,#fff 0,#eee 20%,transparent 100%)}.gift-animation-wrap .opacity-in{animation:gift-box-animate-opacity-in 1s linear forwards}.gift-animation-wrap .opacity-out,.gift-animation-wrap .opacity-out.animate-button,.gift-animation-wrap .opacity-out.crane-card{animation:gift-box-animate-opacity-out .8s linear forwards}.gift-animation-wrap .wxDesWrap{background-image:linear-gradient(180deg,#cc1400,rgba(255,0,0,0));word-break:unset;text-overflow:unset;display:block;-webkit-box-orient:unset;-webkit-line-clamp:unset;padding:6px 12px}.gift-animation-wrap .wxDesWrap p{word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}