@keyframes customMove{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}.envelope{position:relative;box-sizing:border-box;width:100vw;height:100vh;padding:0 .32rem}.envelope-top{justify-content:space-between;height:1.49333rem;color:#333;font-size:.45333rem;font-family:PingFang SC}.envelope-top,.envelope-top .company{display:flex;align-items:center}.envelope-top .company-logo{margin-right:.08rem;overflow:hidden;background:#fff;border-radius:.08rem}.envelope-top .company-name{max-width:7.2rem}.envelope-content{position:relative;width:100%;height:13.46667rem;background-image:url(https://images.qmai.cn/resource/20211021144320/2021/12/30/bg-receive-envelope@2x.png);background-size:100% 100%;border-radius:.32rem}.envelope-content .envelope-info{padding-top:2.50667rem}.envelope-content .envelope-info .userinfo{display:flex;align-items:center;justify-content:center;color:#fff;font-size:.56rem;font-family:PingFang SC;text-shadow:0 .08rem .13333rem rgba(0,0,0,.15)}.envelope-content .envelope-info .userinfo-avatar{margin-right:.21333rem;overflow:hidden;border-radius:.08rem}.envelope-content .envelope-info .message{margin-top:.53333rem;padding:0 .26667rem;color:#fff;font-weight:500;font-size:.72rem;font-family:PingFang SC;line-height:.93333rem;text-align:center;text-shadow:0 .08rem .13333rem rgba(0,0,0,.15)}.envelope-content .circle{position:absolute;bottom:2.02667rem;left:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:2.64rem;height:2.64rem;margin-left:-1.33333rem;color:#7f2218;font-weight:700;font-size:1.2rem;font-family:PingFang SC;background:#fcd298;background-image:radial-gradient(circle,#fcd59e,#fcd39a,#fcd298);border:.13333rem solid #fee8ca;border-right:none;border-bottom:none;border-left:none;border-radius:50%;box-shadow:0 .08rem .13333rem 0 rgba(142,0,0,.25),0 .10667rem 0 0 hsla(0,0%,100%,.28),0 .10667rem 0 0 hsla(0,0%,100%,.28)}.envelope-content .circle-open{transform-style:preserve-3d;animation:customMove 2s}.envelope-content .btn-record{position:absolute;bottom:.53333rem;left:0;display:flex;align-items:center;justify-content:center;width:100%;color:#fff;font-size:.4rem;font-family:PingFang SC}.envelope-footer{margin:.66667rem auto;color:#666;font-size:.37333rem;font-family:PingFang SC;text-align:center}.envelope .pop-content{position:relative;width:8.26667rem;height:9.6rem;overflow:hidden;background:#fff;border-radius:.32rem}.envelope .pop-content .top{position:relative;width:120%;height:1.81333rem;margin-left:-10%;background:linear-gradient(#f76745,#ea402b);border-bottom:.10667rem solid #ffd21d;border-radius:0 0 50% 50%}.envelope .pop-content .top .top-avatar{position:absolute;bottom:-.66667rem;left:50%;margin-left:-.8rem;overflow:hidden;background-color:#fff;border-radius:50%}.envelope .pop-content .info{display:flex;flex-direction:column;align-items:center;margin-top:.96rem}.envelope .pop-content .info-name{max-width:7.46667rem;height:.4rem;color:#333;font-weight:700;font-size:.4rem;font-family:PingFang SC;line-height:.4rem}.envelope .pop-content .info-tip{height:.32rem;margin-top:.26667rem;color:#acacac;font-size:.32rem;font-family:PingFang SC;line-height:.32rem}.envelope .pop-content .info-money{display:flex;align-items:flex-end;justify-content:center;margin-top:.93333rem;color:#cfac74;font-weight:700;font-size:1.33333rem;font-family:PingFang SC;line-height:1.12rem}.envelope .pop-content .info-money .money-unit{display:inline-block;height:.34667rem;margin-left:.21333rem;color:#cfac74;font-weight:500;font-size:.34667rem;font-family:PingFang SC;line-height:.34667rem}.envelope .pop-content .info-tip2{margin-top:.32rem;color:#cfac74;font-size:.34667rem;font-family:PingFang SC;line-height:.34667rem}.envelope .pop-content .info .btn-submit{display:flex;align-items:center;justify-content:center;width:4.58667rem;height:1.2rem;margin-top:.90667rem;color:#fff;font-size:.42667rem;font-family:PingFang SC;background:#fa5251;border-radius:.21333rem}