.whole[data-v-483518dd]{border:0 solid;-o-border-image:linear-gradient(268deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.7)) 0 0;border-image:linear-gradient(268deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.7)) 0 0}.topBox[data-v-483518dd]{box-shadow:0 0 .666667vw .933333vw rgba(188,210,255,.21);height:65.2vw;background:#fff;border-radius:2.133333vw;width:91.466667vw;margin:3.066667vw auto 4vw}.topBox .cardBox[data-v-483518dd]{height:50.8vw;background:#1864fe;border-radius:2.133333vw;background-image:url(../img/cardBg.704e544e.png);background-size:52vw 38vw;background-position:-2.666667vw -1.333333vw;background-repeat:no-repeat;padding:4.666667vw 2.933333vw}.topBox .cardBox .avatarBox[data-v-483518dd]{display:flex;margin-bottom:5.333333vw}.topBox .cardBox .avatarBox img[data-v-483518dd]{width:18.4vw;height:18.4vw;background:hsla(0,0%,100%,.5);border-radius:50%}.topBox .cardBox .avatarBox div[data-v-483518dd]{display:flex;flex-direction:column;justify-content:space-between;margin-left:2vw}.topBox .cardBox .avatarBox div span[data-v-483518dd]:first-child{font-weight:500;font-size:5.066667vw;color:#fff;line-height:7.066667vw}.topBox .cardBox .avatarBox div span[data-v-483518dd]:nth-child(2){font-weight:400;font-size:2.666667vw;color:#fff;line-height:3.733333vw}.topBox .cardBox .avatarBox div span[data-v-483518dd]:nth-child(3){font-weight:300;font-size:3.2vw;color:#fff;line-height:4.4vw}.topBox .cardBox .iconBox[data-v-483518dd]{display:flex;align-items:center;margin-left:2.666667vw;font-weight:400;font-size:2.666667vw;color:#fff;line-height:3.733333vw;margin-top:2.666667vw}.topBox .cardBox .iconBox img[data-v-483518dd]{width:2.266667vw;height:2.933333vw;margin-right:2vw}.topBox .buttonBox[data-v-483518dd]{display:flex;justify-content:space-around;margin-top:2.666667vw}.topBox .buttonBox div[data-v-483518dd]{width:28vw;height:10.666667vw;background:#d3e2ff;border-radius:1.333333vw;font-size:3.733333vw;color:#1864fe;font-weight:400;text-align:center;line-height:10.666667vw}.topBox .buttonBox div[data-v-483518dd]:nth-child(2){width:52.133333vw;height:10.666667vw;background:#1864fe;border-radius:1.333333vw;color:#fff}.introBox[data-v-483518dd]{width:91.466667vw;border-radius:2.133333vw;border:1px solid #e5e5e5;margin:auto;padding:4vw;box-sizing:border-box}.introBox .introTitle[data-v-483518dd]{display:flex}.introBox .introTitle span[data-v-483518dd]:first-child{font-weight:500;font-size:3.733333vw;color:#27273a;line-height:5.333333vw}.introBox .introTitle span[data-v-483518dd]:nth-child(2){margin-left:auto;font-weight:400;font-size:3.2vw;color:#27273a;line-height:4.4vw}.introBox .detailBox[data-v-483518dd]{width:84vw;background:#f9f9fc;border-radius:2.133333vw;margin-top:2.666667vw;font-weight:400;font-size:3.733333vw;color:#27273a;line-height:5.333333vw;padding:3.333333vw 3.066667vw;box-sizing:border-box}.popBg[data-v-483518dd]{width:100vw;height:100vh;background:rgba(0,0,0,.5);position:absolute;top:0}.popBox[data-v-483518dd]{height:30.666667vw;width:100%;background-color:#fff;position:absolute;bottom:var(--bottomV);border-radius:4.8vw 4.8vw 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .45s!important}.popBox div[data-v-483518dd]{height:13.333333vw;line-height:13.333333vw}