.top-box .info .avatar[data-v-221f550e],.top-box .info .no-login[data-v-221f550e]{display:flex;justify-content:center;align-items:center}.person[data-v-221f550e]{min-height:100vh;background:#f0f2f5;box-sizing:border-box;overflow:hidden;padding-bottom:2rem;padding-bottom:20vw}.top-box[data-v-221f550e]{height:8.42667rem;height:84.26667vw;background:url(../img/user_bg.a7a44578.png) no-repeat top;background-size:100%;background-color:#fff;position:relative}.top-box .info[data-v-221f550e]{overflow:hidden}.top-box .info .login[data-v-221f550e]{overflow:hidden;margin-top:1.41333rem;margin-top:14.13333vw;position:relative}.top-box .info .login .avatar[data-v-221f550e]{float:left;margin:0 .66667rem 0 .53333rem;margin:0 6.66667vw 0 5.33333vw}.top-box .info .login .extra[data-v-221f550e]{margin-top:.2rem;margin-top:2vw;display:flex;flex-direction:column;justify-content:center;height:1.33333rem;height:13.33333vw}.top-box .info .login .extra .name[data-v-221f550e]{font-size:.45333rem;font-size:4.53333vw;color:#fafafa}.top-box .info .login .extra .vip[data-v-221f550e]{margin-top:.4rem;margin-top:4vw;display:inline-block;width:2.48rem;width:24.8vw;height:.64rem;height:6.4vw;border-radius:.26667rem;border-radius:2.66667vw;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAC0klEQVRIS7VWTWsTURQ992VCsbWTCK60IAqFutCFKegPUPADKy7tTBdVdGOrmVZF1EUWKqK2idaVYrvITF2Kiu1Cf0CFxoUuLCiKUF0JNqmtliTvyptkYppOph/YbDJ575573j33zH0hBHzm7d6WPELHCHREMnYLgc0qXEr8EIR3DH4ZRvFZozk0XS8N+W3MPbm0pVjMJ0DoZoYWdAgiFMAYCYXCiaYTt7/Xxi4hyKXPd0gImwjNQYlr95gxKyBNveve8+q9RQTZ0XgvipQCQawmeSWWIRHieKQzNeStVQjUyRni6ZqTexkZkiCPe5W4BErzfCE/tVpZ6lWp5Apr4TbVE5cgZ1sPGTi9JlnqgAh4pJvJM6SsWCDtS5VbPjCJrlqcBrQVWdpqPUTCLABTSxzDMg1gp1pX7tK4sJ2ydvwsQA/+BXMmYqbaa8EzTn+MWE6qdSbRHjUGMrUxWTs+CVCsKlcPZW1rHMDBquCvTHyz9FtmosZ9N9HsaN9VKfm6ehaCrjV3Dt5QzzPOuRgg3KTEdAXAtioHjdNM2pomwlY/KQl4o5vJfaVE1jAxuksVYCRqJE+W+zfBwF4/PDO+Uc6x/jCjoV6DNeZYU1fq7ZzTHyuUJdJItDcZA5m5dHxPgWiJVJUKCAvLEjBoOGoOnlKgrG1NqO+IV5Xd95jAbiW+CiiCIInKoHmdGlrIuPXzl9PvumujMZBm5/KmHC+oIddYj6AkkW2NMXCoXpDbPOKLupG6y2O9rpR0eGgh58QvMNOdQBww7mNTX8hn/VOklRIJ6TY5kRC51uxHMHYEEQDc4/ei+esp0KF3Jl+4zhm1jrLEoqlZC6q8aGWrrWRUvI6YyQPlZr8CsH8ZeUqjQgWtcNixENil4qXEe9WKgOYuHnZuFSsY12qAuT0IGox+49o7yXIXDgO/XRcBG3xPH3TheIB1vTI9knW99KtL/x9/W/4CvI5amHaOtqYAAAAASUVORK5CYII=) no-repeat;background-position:.2rem;background-position:2vw;background-size:.33333rem;background-size:3.33333vw;background-color:rgba(0,0,0,.2);font-size:.32rem;font-size:3.2vw;color:#fff;line-height:.64rem;line-height:6.4vw}.top-box .info .login .extra .vip span[data-v-221f550e]{margin-left:.66667rem;margin-left:6.66667vw}.top-box .info .login[data-v-221f550e]:after{content:"";display:block;border-top:.04rem solid #fff;border-top:.4vw solid #fff;border-right:.04rem solid #fff;border-right:.4vw solid #fff;width:.4rem;width:4vw;height:.4rem;height:4vw;position:absolute;top:50%;right:.53333rem;right:5.33333vw;transform:translateY(-50%) rotate(45deg)}.top-box .info .no-login[data-v-221f550e]{margin-top:1.41333rem;margin-top:14.13333vw;flex-direction:column}.top-box .info .no-login p[data-v-221f550e]{font-size:.45333rem;font-size:4.53333vw;color:#fff;margin-top:.48rem;margin-top:4.8vw}.top-box .info .avatar[data-v-221f550e]{width:1.68rem;width:16.8vw;height:1.68rem;height:16.8vw;background-color:#bdcdf1;border-radius:50%}.top-box .info .avatar img[data-v-221f550e]{width:1.57333rem;width:15.73333vw;height:1.57333rem;height:15.73333vw;border-radius:50%}.top-box .mine[data-v-221f550e]{display:flex;justify-content:center;width:100%;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}.top-box .mine .mine-item[data-v-221f550e]{width:33%;height:3.06667rem;height:30.66667vw;margin:0 .53333rem;margin:0 5.33333vw;text-align:center;position:relative}.top-box .mine .mine-item .count[data-v-221f550e]{font-size:.64rem;font-size:6.4vw;line-height:1.6rem;line-height:16vw}.top-box .mine .mine-item .name[data-v-221f550e]{font-size:.37333rem;font-size:3.73333vw;color:#595959;margin-bottom:.16rem;margin-bottom:1.6vw}.top-box .mine .mine-item .note[data-v-221f550e]{font-size:.29333rem;font-size:2.93333vw;color:#b7b7b7}.top-box .mine .mine-item[data-v-221f550e]:last-child:after{display:none}.top-box .mine .my-study>.count[data-v-221f550e]{color:#5bb8f5}.top-box .mine .my-plan>.count[data-v-221f550e]{color:#6563a4}.top-box .mine .my-period>.count[data-v-221f550e]{color:#4169ff}.bottom-box .icon-menu[data-v-221f550e]{width:.37333rem;width:3.73333vw;margin-right:.16rem;margin-right:1.6vw}.bottom-box ul[data-v-221f550e]{background-color:#fff;margin:.4rem 0;margin:4vw 0;padding:.13333rem .4rem;padding:1.33333vw 4vw}.bottom-box ul li[data-v-221f550e]{height:1.46667rem;height:14.66667vw;line-height:1.46667rem;line-height:14.66667vw;position:relative;font-size:.37333rem;font-size:3.73333vw;color:#595959;border-bottom:1px solid #f5f5f5}.bottom-box ul li [data-v-221f550e]{vertical-align:middle}.bottom-box ul li[data-v-221f550e]:before{content:"";display:block;position:absolute;right:0;top:50%;transform:translateY(-50%) rotate(45deg);width:.26667rem;width:2.66667vw;height:.26667rem;height:2.66667vw;border-top:1px solid #b7b7b7;border-right:1px solid #b7b7b7}.bottom-box ul li[data-v-221f550e]:last-child{border-bottom:none}.bottom-box ul li.has-message[data-v-221f550e]:after{content:"";display:block;position:absolute;top:50%;left:2.13333rem;left:21.33333vw;transform:translateY(-50%);width:.13333rem;width:1.33333vw;height:.13333rem;height:1.33333vw;border-radius:50%;background-color:red}