*{margin:0}body{background:#eee}

body{background:#ffcc7a}#app{background:#ffcc7a;min-height:100vh}.loading{position:fixed;left:0;top:45%;width:100%;display:flex;justify-content:center;align-items:center;height:8vw;line-height:8vw}.loading-img{width:4vw;height:4vw;background-color:#2828f5;animation:aaa 1s linear infinite;margin-right:2.66667vw}@keyframes aaa{0%{transform:rotateZ(0)}100%{transform:rotateZ(360deg)}}
.modal-koi-style{background:none}.modal-koi-detail{width:93.86667vw;padding-bottom:10.66667vw;display:flex;align-items:center;flex-direction:column;box-sizing:border-box}.modal-koi-detail .detail-bg{width:83.46667vw;min-height:138.66667vw}.modal-koi-detail .detail-bg img{width:100%}.modal-koi-detail .desc{font-size:2.93333vw;color:#fcc99e;letter-spacing:.42px;text-align:center;line-height:4.53333vw;font-weight:400;margin-bottom:3.2vw;margin-top:2.66667vw}.modal-koi-detail .back-icon{width:20vw;height:7.46667vw}.modal-koi-detail .back-icon img{width:100%}
.index-modal_common{align-items:center;width:100%;background:#fff;border-radius:4.26667vw}.index-modal_common .modal_common-close{margin-top:4vw;align-items:center;display:flex;justify-content:center}.index-modal_common .modal_common-close .modal_common-close-icon{width:9.6vw;height:9.6vw}.index-modal_common .modal-content{position:relative;border-radius:2.66667vw;overflow:hidden}.index-modal_common .head-bg{width:93.86667vw;height:26.66667vw;position:absolute;top:0;left:0;right:0;z-index:0}.index-modal_common .title-wrap{z-index:1;width:100%;display:flex;align-items:center;flex-direction:column;min-height:26.66667vw}.index-modal_common .title-wrap .right-close{position:absolute;top:2.66667vw;right:2.66667vw;width:5.33333vw;height:5.33333vw;display:flex;align-items:center;justify-content:center}.index-modal_common .title-wrap .right-close .close-img{width:3.73333vw;height:3.73333vw;uc-perf-stat-ignore:image}.index-modal_common .title-wrap .right-close img{width:3.73333vw;height:3.73333vw}.index-modal_common .confirm-btn{width:61.33333vw;height:14.66667vw;background-image:linear-gradient(94deg, #FBBE8A 0%, #DB843A 48%, #C1702A 100%);box-shadow:0 2px 6px 0 rgba(255,135,0,.19);border-radius:27.5px;font-size:18px;color:#fff;letter-spacing:0;text-align:center;font-weight:600;line-height:14.66667vw}
.modal-end{width:85.86667vw;height:88vw;display:flex;align-items:center;flex-direction:column;box-sizing:border-box;background-image:url(https://g.alicdn.com/code/npm/@ali/uc-pegasus-source-project-uc-vip-card-to-friends/0.0.5/assets/end_head.1bc5d4.png);background-repeat:no-repeat;background-size:100%;position:relative}.modal-end img{width:100%}.modal-end .right-close{position:absolute;top:0;right:0;width:10.66667vw;height:10.66667vw}.modal-end .confirm-btn{width:76.53333vw;height:14.93333vw;background-image:linear-gradient(270deg, #000000 0%, #343333 100%);border-radius:4.8vw;font-family:PingFangSC-Semibold;font-size:5.33333vw;color:#fff;font-weight:600;display:flex;align-items:center;justify-content:center;position:absolute;bottom:5.06667vw;left:50%;transform:translateX(-50%)}
.modal-not-eligible{width:66.66667vw;height:66.66667vw;background-color:#fff}
.modal-share-end{width:84.26667vw;height:88vw;background-color:#fff;border-radius:5.86667vw;position:relative;display:flex;flex-direction:column;align-items:center}.modal-share-end img{width:100%}.modal-share-end .head{margin-top:-5.33333vw}.modal-share-end .close-icon{position:absolute;top:4vw;right:4vw;width:4.26667vw;height:4.26667vw;opacity:.5}.modal-share-end .title{font-family:PingFangSC-Semibold;font-size:5.33333vw;color:#12161a;letter-spacing:0;font-weight:600}.modal-share-end .tips{margin-top:2.13333vw;font-family:PingFangSC-Regular;font-size:4.26667vw;color:#859199;letter-spacing:0;text-align:center;font-weight:400}.modal-share-end .btn-share-url{margin-top:6.4vw;width:67.2vw;height:13.33333vw;background:#12161a;border-radius:2.66667vw;display:flex;align-items:center;justify-content:center;font-family:PingFangSC-Medium;font-size:4.53333vw;color:#fff;letter-spacing:0;font-weight:500}.modal-share-end .btn-share-file{margin-top:3.2vw;width:67.2vw;height:13.33333vw;background:#f5f6f7;border-radius:2.66667vw;display:flex;align-items:center;justify-content:center;font-family:PingFangSC-Medium;font-size:4.53333vw;color:#12161a;letter-spacing:0;font-weight:500}
.modal-login-guide{width:84.26667vw;height:88vw;background-color:#fff;border-radius:5.86667vw;position:relative;display:flex;flex-direction:column;align-items:center}.modal-login-guide img{width:100%}.modal-login-guide .head{margin-top:-5.33333vw}.modal-login-guide .close-icon{position:absolute;top:4vw;right:4vw;width:4.26667vw;height:4.26667vw;opacity:.5}.modal-login-guide .title{font-family:PingFangSC-Semibold;font-size:5.33333vw;color:#12161a;letter-spacing:0;font-weight:600}.modal-login-guide .tips{margin-top:2.13333vw;font-family:PingFangSC-Regular;font-size:4.26667vw;color:#859199;letter-spacing:0;text-align:center;font-weight:400}.modal-login-guide .btn-login{margin-top:6.4vw;width:67.2vw;height:13.33333vw;background:#12161a;border-radius:2.66667vw;display:flex;align-items:center;justify-content:center;font-family:PingFangSC-Medium;font-size:4.53333vw;color:#fff;letter-spacing:0;font-weight:500}.modal-login-guide .btn-close{margin-top:3.2vw;width:67.2vw;height:13.33333vw;background:#f5f6f7;border-radius:2.66667vw;display:flex;align-items:center;justify-content:center;font-family:PingFangSC-Medium;font-size:4.53333vw;color:#12161a;letter-spacing:0;font-weight:500}
.modal-receive-success{width:84.26667vw;height:70.13333vw;background:#fff;border-radius:5.86667vw;display:flex;flex-direction:column;align-items:center;position:relative}.modal-receive-success .head-bg{width:100%;height:34.13333vw;margin-top:-5.33333vw}.modal-receive-success .right-close{width:4.26667vw;height:4.26667vw;opacity:.5;position:absolute;top:4vw;right:4vw}.modal-receive-success .title{font-family:PingFangSC-Semibold;font-size:5.33333vw;color:#12161a;letter-spacing:0;font-weight:600}.modal-receive-success .tips{margin-top:2.66667vw;font-family:PingFangSC-Regular;font-size:4.26667vw;color:#859199;letter-spacing:0;font-weight:400}.modal-receive-success .confirm-btn{margin-top:5.33333vw;width:67.2vw;height:13.33333vw;background:#12161a;border-radius:2.66667vw;display:flex;align-items:center;justify-content:center;font-family:PingFangSC-Medium;font-size:4.53333vw;color:#fff;letter-spacing:0;font-weight:500}
.modal-recrive-fail{width:84.26667vw;height:51.46667vw;background:#fff;border-radius:5.86667vw;display:flex;flex-direction:column;align-items:center;position:relative}.modal-recrive-fail .right-close{width:4.26667vw;height:4.26667vw;opacity:.5;position:absolute;top:4vw;right:4vw}.modal-recrive-fail .title{margin-top:10.66667vw;font-family:PingFangSC-Semibold;font-size:5.33333vw;color:#12161a;letter-spacing:0;font-weight:600}.modal-recrive-fail .tips{margin-top:2.66667vw;font-family:PingFangSC-Regular;font-size:4.26667vw;color:#859199;letter-spacing:0;font-weight:400}.modal-recrive-fail .confirm-btn{margin-top:5.33333vw;width:67.2vw;height:13.33333vw;background:#12161a;border-radius:2.66667vw;display:flex;align-items:center;justify-content:center;font-family:PingFangSC-Medium;font-size:4.53333vw;color:#fff;letter-spacing:0;font-weight:500}
.outside-page{width:100%;height:100%;background-image:url(https://g.alicdn.com/code/npm/@ali/uc-pegasus-source-project-uc-vip-card-to-friends/0.0.5/assets/outside_bg.4fbf91.png);background-repeat:no-repeat;background-size:100%;position:relative;padding-top:23.2vw;display:flex;flex-direction:column;align-items:center}.outside-page img{width:100%}.outside-page .head{position:absolute;top:15.46667vw;left:50%;transform:translateX(-50%);font-family:PingFangSC-Semibold;font-size:4.26667vw;color:#333;line-height:24px;font-weight:600}.outside-page .content-card{width:100%;height:163.73333vw;background-image:url(https://g.alicdn.com/code/npm/@ali/uc-pegasus-source-project-uc-vip-card-to-friends/0.0.5/assets/content_bg.23bc8a.png);background-repeat:no-repeat;background-size:100%;position:relative;display:flex;flex-direction:column;align-items:center}.outside-page .card-userinfo{width:85.6vw;margin-top:6.13333vw;margin-left:6.13333vw;display:flex;align-items:center}.outside-page .card-userinfo .avatar{width:6.93333vw;height:6.93333vw;border-radius:50%;margin-right:1.73333vw;overflow:hidden}.outside-page .card-userinfo .nick{font-family:PingFangSC-Medium;font-size:3.73333vw;color:#12161a;letter-spacing:0;font-weight:500;margin-right:1.73333vw;max-width:26.66667vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.outside-page .card-userinfo .svip-icon{width:4.66667vw;height:4.66667vw;margin-right:1.73333vw}.outside-page .card-userinfo .text{font-family:PingFangSC-Regular;font-size:3.2vw;color:rgba(6,10,38,.4);letter-spacing:0;font-weight:400}.outside-page .card-svip{margin-top:2vw;width:85.6vw;position:relative}.outside-page .card-svip .price-icon{width:20.8vw;position:absolute;top:-1.86667vw;right:.53333vw}.outside-page .card-equities{margin-top:1.2vw;width:78.13333vw}.outside-page .count-down{margin-top:19.73333vw;font-family:PingFangSC-Semibold;font-size:3.2vw;color:#f7534f;letter-spacing:0;text-align:center;font-weight:600;display:flex;align-items:center}.outside-page .count-down .time{display:flex;align-items:center;justify-content:center;width:5.33333vw;height:4.8vw;background:rgba(255,221,216,.75);border-radius:1.06667vw;font-family:PingFangSC-Medium;font-size:3.46667vw;color:#e65143;font-weight:500;margin:0 .53333vw}.outside-page .receive-btn{margin-top:4.26667vw;width:64vw;height:15.46667vw;background-image:url(https://g.alicdn.com/code/npm/@ali/uc-pegasus-source-project-uc-vip-card-to-friends/0.0.5/assets/btn.185f27.png);background-repeat:no-repeat;background-size:100%}.outside-page .tip-text{position:absolute;bottom:13.46667vw;left:50%;transform:translateX(-50%);font-family:PingFangSC-Regular;font-size:2.66667vw;color:#aab5bb;letter-spacing:0;font-weight:400}.outside-page .logo{width:37.6vw}
.header{width:100%;height:64vw;background-image:url(https://g.alicdn.com/code/npm/@ali/uc-pegasus-source-project-uc-vip-card-to-friends/0.0.5/assets/friend-card-head.23ce88.png);background-repeat:no-repeat;background-size:100%;position:relative}.header img{width:100%}.header .nav{width:100%;height:13.33333vw;position:absolute;top:11.73333vw}.header .back-icon{width:5.86667vw;height:5.86667vw;position:fixed;top:15.46667vw;left:2.4vw;z-index:999;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABCCAMAAADUivDaAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJcEhZcwAAITgAACE4AUWWMWAAAACHUExURUdwTAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAANDmnCQAAAAsdFJOUwCoCOnTI+H3ECz9PRbyyAQYX0qStm21hLeDbqFoSe7zkbrebGstYGqTF14+662lpQAAALtJREFUWMPtl0cSwjAMRUUJoZPQWxJ69f3PlzAC79EXYxb6B3hj+cm2TGSxBM32kG/aEOHkqiwRwjl+IVwiJ9SbDkXcmLCXE8ZMGERiwr3BiId8EVMm1OSENRNa8q7osM9uD/a5kpcxYcJwFNBn/+0zNZ/mU8vn7A98esQTuPaPcCFEc3g7vdQLwMgYUUQAYwc3uD9mC6KQzaHQoqpmUzNrZn/wHPhHCRgaNUbXj1kEQVd4jNf4TFgs36YEFbA1ulXC69IAAAAASUVORK5CYII=);background-repeat:no-repeat;background-size:100%}.header .rules{position:absolute;top:50%;right:4.53333vw;transform:translateY(-50%);font-family:PingFangSC-Semibold;font-size:3.2vw;color:#333;letter-spacing:0;font-weight:600}.header .userinfo{width:70%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;align-items:center;justify-content:center}.header .userinfo .avatar{width:6.93333vw;height:6.93333vw;border-radius:50%;overflow:hidden;margin-right:1.73333vw}.header .userinfo .nick{font-family:PingFangSC-Medium;font-size:4.33333vw;color:#12161a;letter-spacing:0;font-weight:500;margin-right:1.73333vw;max-width:32vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header .userinfo .svip-icon{width:4.66667vw;height:4.66667vw}