#invitation{background-color:#ffeed4;width:100%;min-height:100vh;position:relative}#invitation img{pointer-events:none}#invitation .top-back{position:absolute;top:0;left:0;height:74.667vw;width:100vw}#invitation .top-logo{width:37.6vw;height:6vw;left:5.333vw;top:5.333vw;position:absolute}#invitation .slogn{position:absolute;top:18.667vw;left:0;width:100%;text-align:center;height:12vw;color:#fff;font-size:8.533vw;font-weight:600;font-family:PingFang SC,PingFang SC-Semibold;letter-spacing:1.333vw;z-index:2}#invitation .slogn.en{letter-spacing:0}#invitation .s2{top:30.667vw}#invitation .bit-img{position:absolute;top:35.733vw;left:70vw;height:27.333vw;width:26.933vw}#invitation .code-back{position:absolute;background-image:url(../img/code-back.61eba6e0.png);background-size:100% 100%;background-repeat:no-repeat;left:3.333vw;top:52vw;height:81.333vw;width:93.333vw;padding-top:9.333vw}#invitation .code-back .code{width:26.667vw;height:26.667vw;margin-bottom:2.667vw;background-color:#f2f3f5}#invitation .code-back .qr-code-box{height:26.667vw;width:26.667vw;margin:0 auto 2.667vw auto}#invitation .code-back .qr-code-box canvas,#invitation .code-back .qr-code-box img{height:26.667vw!important;width:26.667vw!important}#invitation .code-back .mb-6{margin-bottom:8vw;color:#000;font-size:3.733vw;line-height:5.333vw;font-weight:700}#invitation .text-box{height:6.4vw;width:72vw;margin:0 auto 4vw;text-align:left}#invitation .text-box .icon{width:6.4vw;height:6.4vw;margin-right:2vw}#invitation .text-box .content{display:inline-block;margin-right:3.6vw;width:53.333vw;overflow:hidden}#invitation .text-box .copy-btn img{width:5.333vw;height:5.333vw}#invitation .text-box img,#invitation .text-box span{vertical-align:middle}#invitation .invite-button{position:absolute;background:-webkit-gradient(linear,left top,right top,from(#ffa41f),to(#ff5e03));background:linear-gradient(90deg,#ffa41f,#ff5e03);border-radius:5.867vw;width:92vw;height:11.733vw;top:84.267vw;left:0;line-height:11.733vw;font-size:4.267vw;color:#fff}#invitation .alert{position:fixed;z-index:3;top:40%;left:50%;height:8vw;width:auto;padding:0 4vw;-webkit-transform:translateX(-13.333vw);transform:translateX(-13.333vw);border-radius:1.067vw;background:rgba(0,0,0,.9);color:#fff;line-height:8vw}#invitation .ios-warn{position:absolute;width:100vw;font-size:2.667vw;bottom:4vw;text-align:center;color:grey}@-webkit-keyframes rotateZ{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotateZ{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.canvasRef{top:0;left:0;position:fixed;-webkit-transform:translateX(-200vw);transform:translateX(-200vw)}#invitation-xp{background-color:#fff;width:100%;min-height:100vh;position:relative}#invitation-xp .h1{text-align:center;font-weight:700;font-size:6.4vw;padding:10.667vw 0}#invitation-xp .ewm{background-image:url(https://modu-oss-bucket-file-prod.oss-cn-shenzhen.aliyuncs.com/invitation-xp/invite-bg1.png);background-size:100% 100%;margin:0 8vw 10.667vw 8vw;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#invitation-xp .ewm .left{width:40vw;height:40vw;margin:2.667vw 0 2.667vw 2.667vw;border-radius:2.667vw;overflow:hidden;position:relative}#invitation-xp .ewm .left .icon{width:100%;height:100%}#invitation-xp .ewm .left .icon2{width:10.667vw;height:10.667vw;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#121212;border:1.067vw solid #fff;border-radius:2.667vw;-webkit-box-sizing:content-box;box-sizing:content-box}#invitation-xp .ewm .left .icon2 img{width:6.667vw;height:4.133vw;margin-top:3.333vw;margin-left:.533vw}#invitation-xp .ewm .right img{width:25.067vw;height:32vw;margin-right:7.467vw}#invitation-xp .ewm .right p{margin:2.667vw 2.667vw 0 0;font-size:3.733vw;color:#1e2329;font-weight:700}#invitation-xp .inputBox{margin:0 8vw 4.267vw 8vw;height:11.733vw;border:1px solid #eaecef;border-radius:2.133vw;padding:0 4.267vw;font-size:3.733vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#invitation-xp .inputBox .text{color:#a1a6ae}#invitation-xp .inputBox .num{color:#1e2329;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#invitation-xp .inputBox .num span{max-width:37.333vw;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#invitation-xp .inputBox .num img{width:5.333vw;height:5.333vw;margin-left:3.2vw;cursor:pointer}#invitation-xp .h2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:16vw;font-size:3.467vw;color:#a1a6ae}#invitation-xp .h2 span{display:inline-block;width:21.333vw;height:1px;background:#eaecef;margin:0 3.467vw}#invitation-xp .ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;margin-top:6.4vw}#invitation-xp .ul.type-2{margin-top:10.667vw;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}#invitation-xp .ul.type-2 .li{margin-right:17.067vw}#invitation-xp .ul .li{font-size:3.2vw;color:#1e2329;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#invitation-xp .ul .li,#invitation-xp .ul .li .img{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#invitation-xp .ul .li .img{width:11.733vw;height:11.733vw;border:1px solid #eaecef;border-radius:2.133vw;margin-bottom:3.2vw}#invitation-xp .ul .li .img img{width:5.333vw;height:5.333vw}.poster,.posterBG{position:fixed;left:0;width:100%}.poster{padding:10.667vw 15.467vw;border-radius:2.667vw 2.667vw 0 0;background:#fff;z-index:91;bottom:0;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(100%);transform:translateY(100%)}.poster.on{-webkit-transform:translate(0);transform:translate(0)}.poster .load{width:100%;height:37.333vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.poster .load img{width:10.667vw;height:10.667vw;-webkit-animation:rotateZ 2s linear 0s infinite;animation:rotateZ 2s linear 0s infinite}.poster .hbImg{width:100%;height:auto}.posterBG{top:0;height:100%;z-index:90;background:rgba(0,0,0,.5);display:none}.posterBG.on{display:block}#invitation-xp.page_night .h1{color:#fff}#invitation-xp.page_night .ewm{background-image:url(https://xp-oss-bucket-file-prod.oss-cn-hongkong.aliyuncs.com/invitation-xp/invite-bg1-night.png)}#invitation-xp.page_night .ewm .right p{color:#fff}#invitation-xp.page_night .inputBox{border-color:#2a2a2a}#invitation-xp.page_night .inputBox .text{color:#6c757d}#invitation-xp.page_night .inputBox .num,#invitation-xp.page_night .ul .li p{color:#fff}#invitation-xp.page_night .poster{background:#161616}