body,html{box-sizing:border-box}#app,body,html{width:100%;height:100%}#app{display:flex;justify-content:center;align-items:center}.content{padding:40px 30px}.content ol{margin-left:40px;opacity:0}.content ol.show{opacity:1;transition:opacity 1.5s}*,:after,:before{box-sizing:inherit;padding:0;margin:0}@keyframes Falling{0%{opacity:1;transform:translateY(-120px)}to{opacity:1;transform:translateY(240px)}}@keyframes centerDown{0%{opacity:1;transform:translateY(0)}to{transform:translateY(80px);opacity:0}}@keyframes centerUp{0%{opacity:0;transform:translateY(80px)}to{transform:translateY(0);opacity:1}}@keyframes Rotate{0%{opacity:1;transform:rotate(0)}to{opacity:1;transform:rotate(180deg)}}.shadow{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(16,23,36,.04);z-index:5000}.shadow .envelop{background:#212865 url(../img/envelop-back.f4694826.png) no-repeat;background-size:864px 406px;border-radius:4px;top:50%;left:50%;margin-left:-432px;margin-top:-300px;z-index:5001}.shadow .envelop,.shadow .envelop .front{width:864px;height:406px;position:absolute}.shadow .envelop .front{top:0;left:0;background:url(../img/envelop-front.02563c48.png) no-repeat;background-size:864px 406px;z-index:5003;border-radius:0 0 4px 4px}.shadow .envelop .paper{position:absolute;top:15px;left:40px;width:784px;height:390px;background-size:cover;z-index:5002;padding:30px 40px;overflow:hidden;transition:transform .6s,visibility 0s linear .5s;transform-style:preserve-3d;cursor:pointer}.shadow .envelop .paper img{width:100%;height:100%;position:absolute;top:0;left:0;transition:opacity .5s ease;backface-visibility:hidden}.shadow .envelop .flipped .paper{transform:rotateY(180deg)}.shadow .envelop .top{position:absolute;top:0;left:0;width:864px;height:293px;background:url(../img/envelop-top.b4286b70.png) no-repeat;background-size:864px 293px;z-index:5005;display:flex;padding-top:92px;justify-content:center}.shadow .envelop .top .invitation{width:94px;height:28px;background:url(../img/invitation.95f8be56.png) no-repeat;background-size:94px 28px}.shadow .envelop .bottom{position:absolute;bottom:0;left:0;width:864px;height:249px;background:url(../img/envelop-bottom.6ce73972.png) no-repeat;background-size:864px 249px;z-index:5004;display:flex;padding-top:190px;justify-content:center;border-radius:0 0 4px 4px}.shadow .envelop .bottom .logo{width:99px;height:33px;background:url(../img/envelop-logo.f720085a.png) no-repeat;background-size:99px 33px}.shadow .envelop .goon{position:absolute;left:50%;bottom:70px;opacity:0;transform:translateX(-50%);border:1px solid #fff;border-radius:2px;padding:5px 16px;color:#fff;font-family:PingFangSC-Medium;font-size:12px;line-height:20px;height:30px;z-index:5007}.shadow .envelop .btn{position:absolute;top:200px;left:50%;margin-left:-53px;width:107px;height:105px;background:url(../img/seal.f61ddbfe.png) no-repeat;background-size:107px 105px;z-index:5006;cursor:pointer}.shadow .envelop .btn:hover img{opacity:1;transition:opacity .5s}.shadow .envelop .btn img{opacity:0;width:107px;height:105px}.shadow .envelop .flower{position:absolute;bottom:-13px;width:216px;height:48px;background:url(../img/silk.f824c9ea.png) no-repeat;background-size:216px 48px;z-index:5007}.shadow .envelop .flower.right{right:-40px}.shadow .envelop .flower.left{width:40px;left:-40px}.shadow .envelop.open{margin-top:-100px;transition:margin-top .5s ease .5s;border-radius:0 0 4px 4px}.shadow .envelop.open .btn{top:170px;opacity:0;z-index:5001;transition:top .5s,opacity .2s ease 1s,z-index .2s ease 1s}.shadow .envelop.open .btn img{opacity:1;transition:opacity .5s}.shadow .envelop.open .bottom{transform-origin:center bottom;transform:rotateX(50deg);transition:transform .3s ease 1.5s}.shadow .envelop.open .bottom .logo{opacity:0;transition:opacity .2s ease 1s}.shadow .envelop.open .goon{opacity:1;transition:opacity .3s ease 1.7s}.shadow .envelop.open .top{z-index:5001;transform-origin:center top;transform:rotateX(180deg);transition:transform .5s ease 1.3s,z-index .1s ease 1.5s}.shadow .envelop.open .top .invitation{opacity:0;transition:opacity .2s ease 1s}.shadow .envelop.open .front{height:197px;top:210px;transition:all .5s ease 1.3s}.shadow .envelop.open .paper{top:-315px;height:529.2px;transition:top .5s ease 2s,height .5s ease 2s;visibility:visible}.head{padding:24px 44px 24px 20px;width:100%;height:302px;background:#ecf0f5;border-radius:2px;display:flex;margin-bottom:16px}.head-left{width:380px}.head-left p{font-family:PingFangSC-Regular;font-size:12px;color:#303a51;text-align:justify;line-height:20px}.head-left p.title{font-family:PingFangSC-Semibold;font-size:14px;color:#101724;line-height:22px}.head-left p.desc{width:260px}.head-left p.time{margin:16px 0}.head-left p.time span{font-family:DINAlternate-Bold;font-size:16px}.head-left p.thank{margin:8px 0 32px}.head-left p.amount{font-family:PingFangSC-Semibold;font-size:14px;color:#101724;line-height:22px}.head-left p.amount span{display:inline-block;margin:8px 0;font-family:DINAlternate-Bold;font-size:28px}.head-left p.title .hot{font-size:20px}.head-left p.split{margin:0 4px;width:2px;height:14px;display:inline0-block;background:#e3e6ec}.head-left p .hot{color:#ef645c}.head-left .tip{font-family:PingFangSC-Regular;font-size:12px;color:#505568;line-height:20px}.head-left .operate{margin-top:32px;display:flex;align-items:center}.head-left .operate .button{width:100px;margin-right:16px}.head-content{flex:1;display:flex;justify-content:space-between}.head-content-item{flex:1;min-width:208px;height:300px;display:flex;flex-direction:column;align-items:center}.head-content-item .item-logo{position:relative;width:160px;height:134px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:80px 80px 0 0;overflow:hidden}.head-content-item .item-logo .title{display:inline-block;position:absolute;top:12px;font-family:PingFangSC-Medium;font-size:12px;text-align:justify}.head-content-item .item-logo-gold{display:inline-block;width:200px;height:123px;top:0;left:-20px;position:absolute;opacity:0;animation:Falling 1.5s linear .8s 1;z-index:2}.head-content-item .item-logo-envoy{color:#8493ab;background-image:linear-gradient(180deg,rgba(191,208,235,.5),rgba(191,208,235,0) 80%,transparent)}.head-content-item .item-logo-clue{color:#b79675;background-image:linear-gradient(180deg,rgba(243,227,210,.5),rgba(241,221,200,0) 80%,transparent)}.head-content-item .item-logo-ai{color:#bd9145;background-image:linear-gradient(180deg,rgba(255,239,186,.5),rgba(237,226,188,0) 80%,transparent)}.head-content-item .item-logo-center{position:absolute;width:160px;height:134px;z-index:3}.head-content-item .item-logo-center-up-active{opacity:0;animation:centerUp 1s ease-out .5s 1;z-index:5}.head-content-item .item-logo-center-down-active{opacity:1;z-index:4;animation:centerDown 1s ease .5s 1}.head-content-item .item-logo-center-shadow{width:80px;height:80px;margin-bottom:-20px;background-image:linear-gradient(to bottom left,hsla(0,0%,100%,.15) 50%,hsla(0,0%,100%,.01) 0);border-radius:50%;z-index:6;opacity:0;animation:Rotate .5s ease-in 1}.head-content-item .item-logo-bottom{position:absolute;bottom:0;width:120px;height:19px;z-index:4}.head-content-item .item-desc{width:208px;padding:15px 0 24px;height:90px;font-family:PingFangSC-Regular;font-size:12px;color:#303a51;text-align:justify}.head-content-item .item-desc .link{color:#2f81f9;cursor:pointer}.head-content-item .item-tip{height:32px;padding:15px 0 4px;text-align:justify}.head-content-item .item-data,.head-content-item .item-tip{font-family:PingFangSC-Regular;font-size:12px;color:#303a51}.head-content-item .item-data{padding:4px 0 15px;height:58px;display:flex;align-items:center}.head-content-item .item-data .split{width:2px;height:14px;display:inline0-block;margin:0 16px;background:#e3e6ec}.head-content-item .item-data .item{text-align:center}.head-content-item .item-data .item .amount span{font-family:DINAlternate-Bold;font-size:16px;color:#101724;letter-spacing:0;text-align:center;line-height:20px}.head-content-item .submit-btn{width:108px;height:30px;font-size:12px}.head-content-item .submit-btn:target{border:1px solid red}.head-content-item .more-btn{width:108px;height:30px;background:transparent}