.vue-countdown-component{display:-webkit-box;display:-ms-flexbox;display:flex}@-webkit-keyframes animate-flip-face{0%{-webkit-transform:rotateX(-.01deg);transform:rotateX(-.01deg);opacity:1}50%{opacity:1}51%{opacity:0}to{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);opacity:0}}@keyframes animate-flip-face{0%{-webkit-transform:rotateX(-.01deg);transform:rotateX(-.01deg);opacity:1}50%{opacity:1}51%{opacity:0}to{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);opacity:0}}@-webkit-keyframes animate-flip-back{0%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}to{-webkit-transform:rotateX(-.01deg);transform:rotateX(-.01deg)}}@keyframes animate-flip-back{0%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}to{-webkit-transform:rotateX(-.01deg);transform:rotateX(-.01deg)}}.vue-countdown-component.ie .base .base-b{clip:rect(15px,auto,auto,auto)}.vue-countdown-component.ie .face{clip:rect(auto,auto,15px,auto)}.vue-countdown-component.ie .back{clip:rect(15px,auto,auto,auto)}.vue-countdown-component.theme2 .time-box{min-width:20px}.vue-countdown-component.theme2 .time-box+.time-box{margin-left:1px}.vue-countdown-component .time-unit{padding:0 4px;color:#222;font-size:14px;line-height:30px;white-space:nowrap}.vue-countdown-component .time-box{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;height:30px;min-width:28px;font-size:14px;text-align:center;background-color:#d65047;-webkit-perspective:60px;perspective:60px;border-radius:3px;padding:0 2px;color:#fff1de;line-height:30px}.vue-countdown-component .time-box:before{content:"";position:absolute;background:#fff1de;width:1px;height:6px;top:50%;left:-1px;margin-top:-3px;z-index:-1}.vue-countdown-component .time-box:after{content:"";position:absolute;background:#fff1de;width:1px;height:6px;top:50%;right:-1px;margin-top:-3px;z-index:-1}.vue-countdown-component .time-box+.time-box{margin-left:8px}.vue-countdown-component .time-box>div{overflow:hidden;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-transform:rotateX(-.01deg);transform:rotateX(-.01deg);border-radius:3px}.vue-countdown-component .time-box>div.base{position:relative}.vue-countdown-component .time-box>div.base .base-b{position:absolute;left:0;bottom:0;border-radius:0 0 3px 3px;width:100%;height:100%;background-color:#d65047;clip-path:polygon(0 50%,100% 50%,100% 100%,0 100%)}.vue-countdown-component .time-box>div.face{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#d65047;-webkit-backface-visibility:visible;backface-visibility:visible;clip-path:polygon(0 0,100% 0,100% 50%,0 50%);z-index:2}.vue-countdown-component .time-box>div.face.anime{-webkit-animation-name:animate-flip-face;animation-name:animate-flip-face}.vue-countdown-component .time-box>div.back{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#d65047;-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);-webkit-backface-visibility:visible;backface-visibility:visible;clip-path:polygon(0 50%,100% 50%,100% 100%,0 100%)}.vue-countdown-component .time-box>div.back.anime{-webkit-animation-name:animate-flip-back;animation-name:animate-flip-back}.wedding-invitation{position:fixed;top:0;left:0;width:100%;height:100%;padding:60px 20px 30px;z-index:4;transform:scale(.05);-webkit-transform:scale(.05);opacity:0;-webkit-transition:opacity .5s linear,-webkit-transform .8s cubic-bezier(.26,1.84,.39,.61);transition:opacity .5s linear,-webkit-transform .8s cubic-bezier(.26,1.84,.39,.61);transition:transform .8s cubic-bezier(.26,1.84,.39,.61),opacity .5s linear;transition:transform .8s cubic-bezier(.26,1.84,.39,.61),opacity .5s linear,-webkit-transform .8s cubic-bezier(.26,1.84,.39,.61);-webkit-transition:-webkit-transform .8s cubic-bezier(.26,1.84,.39,.61),opacity .5s linear;background-size:100%;overflow:hidden}.wedding-invitation.invitation-bounce{opacity:1;transform:scale(1);-webkit-transform:scale(1)}.wedding-invitation .invitation-container{position:relative;width:100%;height:100%;transition:-webkit-transform .6s cubic-bezier(.4,0,1,1);transition:transform .6s cubic-bezier(.4,0,1,1);transition:transform .6s cubic-bezier(.4,0,1,1),-webkit-transform .6s cubic-bezier(.4,0,1,1);-webkit-transition:-webkit-transform .6s cubic-bezier(.4,0,1,1)}.wedding-invitation .invitation-container.invitation-down{transform:translateY(20px);-webkit-transform:translateY(20px)}.wedding-invitation .invitation-container .invitation-cover{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#d65047;border-radius:10px;-webkit-perspective:500px;perspective:500px;-webkit-box-shadow:0 0 20px 2px rgba(0,0,0,.15);box-shadow:0 0 20px 2px #00000026}.wedding-invitation .invitation-container .invitation-cover .cover-content{position:absolute;top:0;left:0;width:100%;height:100%;padding:10px 20px;transition:-webkit-transform .6s cubic-bezier(.4,0,1,1);transition:transform .6s cubic-bezier(.4,0,1,1);transition:transform .6s cubic-bezier(.4,0,1,1),-webkit-transform .6s cubic-bezier(.4,0,1,1);-webkit-transition:-webkit-transform .6s cubic-bezier(.4,0,1,1)}.wedding-invitation .invitation-container .invitation-cover .cover-content.invitation-up{transform:translateY(-40px);-webkit-transform:translateY(-40px)}.wedding-invitation .invitation-container .invitation-cover .cover-content .content-inside{height:100%;padding:12px;color:#a9895d;background-color:#fff1de;text-align:center;overflow:auto}.wedding-invitation .invitation-container .invitation-cover .cover-content .content-inside .content-inside-photo{width:100%;margin-bottom:5px;padding:5px;border:1px solid #f7debb}.wedding-invitation .invitation-container .invitation-cover .cover-content .content-inside p{margin-top:0;margin-bottom:4px}.wedding-invitation .invitation-container .invitation-cover .cover-content .content-inside .content-inside-schedule{line-height:1.5;letter-spacing:0rem;font-weight:400;text-align:center;-webkit-writing-mode:lr-tb;-ms-writing-mode:lr-tb;writing-mode:lr-tb;color:#333;opacity:1}.wedding-invitation .invitation-container .invitation-cover .cover-content .content-inside .content-inside-bless>div{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.wedding-invitation .invitation-container .invitation-cover .cover-content .content-inside .content-inside-bless>div button{width:30%;height:30px;min-width:40px;font-size:large;font-weight:700;color:#b4905d;background:#f7debb;border:none;outline:none}.wedding-invitation .invitation-container .invitation-cover .cover-content .content-inside .content-inside-feedback .btn-active{color:#f7debb!important;background:#d65047!important}.wedding-invitation .invitation-container .invitation-cover .cover-content .content-inside .content-inside-feedback .feedback-number{margin-top:2px;font-size:smaller}.wedding-invitation .invitation-container .invitation-cover .cover-content .content-inside .content-inside-feedback .feedback-number>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;margin-bottom:-4px;-ms-flex-pack:distribute;justify-content:space-around}.wedding-invitation .invitation-container .invitation-cover .cover-content .content-inside .content-inside-feedback .feedback-number>div button{width:24%;height:30px;font-size:small;color:#a9895d;background:#f7debb;margin-bottom:4px;border:none;outline:none}.wedding-invitation .invitation-container .invitation-cover .cover-content .content-inside .content-inside-feedback .feedback-visit{margin-top:4px;font-size:smaller}.wedding-invitation .invitation-container .invitation-cover .cover-content .content-inside .content-inside-feedback .feedback-visit>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;margin-bottom:-4px;-ms-flex-pack:distribute;justify-content:space-around}.wedding-invitation .invitation-container .invitation-cover .cover-content .content-inside .content-inside-feedback .feedback-visit>div button{width:32%;height:30px;font-size:small;color:#a9895d;background:#f7debb;margin-bottom:4px;border:none;outline:none}.wedding-invitation .invitation-container .invitation-cover .cover-content .content-inside .content-inside-feedback .feedback-hotel{margin-top:4px;font-size:smaller}.wedding-invitation .invitation-container .invitation-cover .cover-content .content-inside .content-inside-feedback .feedback-hotel>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;margin-bottom:-4px;-ms-flex-pack:distribute;justify-content:space-around}.wedding-invitation .invitation-container .invitation-cover .cover-content .content-inside .content-inside-feedback .feedback-hotel>div button{width:49%;height:30px;font-size:small;color:#a9895d;background:#f7debb;margin-bottom:4px;border:none;outline:none}.wedding-invitation .invitation-container .invitation-cover .cover-content .content-inside .content-inside-flip-down{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.wedding-invitation .invitation-container .invitation-cover .cover-inside-left{position:absolute;left:0;top:0;width:75%;height:100%;border-radius:10px;background-color:#d65047;-webkit-box-shadow:5px 0 10px rgba(0,0,0,.2);box-shadow:5px 0 10px #0003;z-index:6;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;-webkit-transition:-webkit-transform .5s;transform-origin:0 50%;-webkit-transform-origin:0 50%}.wedding-invitation .invitation-container .invitation-cover .cover-inside-left.opening{transform:rotateY(-140deg);-webkit-transform:rotate3d(0,1,0,-140deg)}.wedding-invitation .invitation-container .invitation-cover .cover-inside-left .left-header{text-align:center;font-size:10rem;color:#ffeecb}.wedding-invitation .invitation-container .invitation-cover .cover-inside-left .left-title{padding:8px 0;color:#ffeecb;text-align:center;font-family:仿宋_GB2312}.wedding-invitation .invitation-container .invitation-cover .cover-inside-left .left-invite{padding:8px 0;color:#ffeecb;font-size:large;text-align:center}.wedding-invitation .invitation-container .invitation-cover .cover-inside-left .left-invite>div>b{font-size:larger;color:#2b2b48}.wedding-invitation .invitation-container .invitation-cover .cover-inside-left .left-tail{padding:8px 0;color:#ffeecb;text-align:center}.wedding-invitation .invitation-container .invitation-cover .cover-inside-left .left-cover{text-align:center}.wedding-invitation .invitation-container .invitation-cover .cover-inside-left .left-cover .left-cover-photo{width:70%}.wedding-invitation .invitation-container .invitation-cover .cover-inside-right{position:absolute;right:0;top:0;width:35%;height:100%;border-radius:10px;background-color:#d65047;-webkit-box-shadow:-5px 0 10px rgba(0,0,0,.2);box-shadow:-5px 0 10px #0003;z-index:5;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;-webkit-transition:-webkit-transform .5s;transform-origin:100% 50%;-webkit-transform-origin:100% 50%}.wedding-invitation .invitation-container .invitation-cover .cover-inside-right.opening{transform:rotateY(140deg);-webkit-transform:rotate3d(0,1,0,140deg)}.wedding-invitation .invitation-container .invitation-cover .cover-inside-seal{position:absolute;left:75%;bottom:100px;width:70px;height:70px;margin-left:-35px;z-index:7;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transition:all .8s cubic-bezier(.4,0,1,1);-webkit-transition:all .8s cubic-bezier(.4,0,1,1)}.wedding-invitation .invitation-container .invitation-cover .cover-inside-seal.invitation-flight{opacity:0;bottom:-100px}body{margin:0;line-height:1.6;color:#333;background-color:#fff}img{max-width:100%}a{color:#017cf5;text-decoration:none;-webkit-transition:color .4s;transition:color .4s}a:hover{color:#01498f}ul{margin:0;padding:0;list-style:none}body,button,input,select,textarea{font-family:NotoSans,NotoSansUI,PingFang SC,HiraginoSansGB-W3,Microsoft Yahei,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;-webkit-font-smoothing:antialiased}table{border-spacing:0;border-collapse:collapse}code{color:#666;background:#fefefe;font-family:Roboto Mono,Menlo,Monaco,Courier,monospace!important;font-size:13px!important;font-weight:500!important}@media (min-width: 1200px){.container{width:1200px}}.common-container{margin-top:56px}.top-warning{display:none;padding:20px 0;text-align:center;color:#8a6d3b;background:#fef7e4}.text-left{text-align:left}.text-right{text-align:right}#app,body,html{height:100%}*{-webkit-box-sizing:border-box;box-sizing:border-box}body{font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;line-height:1.5;color:#515a6e;font-size:14px;background-color:#f7f7f7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.wedding{position:relative;max-width:568px!important;height:100%;min-height:100%;margin:0 auto;background:#2b2b48;-webkit-perspective:500px;perspective:500px}
