.grade-test-category-box[data-v-220a7be4]{position:relative;background:url(../img/personal-bg.da8bd29f.png) no-repeat 100% 100%;width:1920px;padding:110px 0 50px;margin:0 auto;display:flex;justify-content:center}.personal-box[data-v-220a7be4]{width:1400px;display:flex;justify-content:space-between}.personal-left[data-v-220a7be4]{width:280px;height:760px;border-radius:20px;overflow:hidden}.personal-left-top[data-v-220a7be4]{position:relative;width:100%;height:160px;padding:0 20px;box-sizing:border-box;border-radius:20px;box-shadow:4px 4px 8px 0 rgba(144,177,215,.13);display:flex;justify-content:center;align-items:center;background:url(../img/icon06.2cea38ad.png) no-repeat;background-size:cover;overflow:hidden}.personal-left-top[data-v-220a7be4]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.user-card[data-v-220a7be4]{position:relative;z-index:2;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;padding:3px 5px 8px}.user-info[data-v-220a7be4]{display:flex;align-items:center;margin-bottom:6px}.avatar[data-v-220a7be4]{width:45px;height:45px;border-radius:50%;overflow:hidden;margin-right:10px;border:2px solid hsla(0,0%,100%,.3);background-color:hsla(0,0%,100%,.2)}.avatar img[data-v-220a7be4]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.name[data-v-220a7be4]{color:#ffba7a;font-size:16px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.1)}.membership-info[data-v-220a7be4]{display:flex;flex-direction:column;gap:6px}.membership-item[data-v-220a7be4]{background:hsla(0,0%,100%,.2);border-radius:10px;padding:8px 15px;display:flex;justify-content:space-between;align-items:center;height:48px}.membership-item[data-v-220a7be4]:first-child{background:url(../img/icon07.01415838.png) no-repeat;background-size:100% 100%}.membership-item[data-v-220a7be4]:nth-child(2){background:url(../img/icon08.ddadd9db.png) no-repeat;background-size:100% 100%}.membership-left[data-v-220a7be4]{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.membership-type[data-v-220a7be4]{color:#fff;font-size:12px;font-weight:700;line-height:1.2}.membership-date[data-v-220a7be4]{color:#705c50;font-size:10px;opacity:.8;margin-top:4px;line-height:1.2}.renew-button[data-v-220a7be4]{background:#ffba7a;color:#83563b;font-size:12px;padding:5px 12px;border-radius:20px;cursor:pointer;white-space:nowrap;min-width:70px;text-align:center;box-shadow:0 2px 4px rgba(0,0,0,.1)}.blue-button[data-v-220a7be4]{background:#5eb5ff}.no-member .membership-date[data-v-220a7be4]{color:#ffcf8b;font-size:12px;opacity:1}.personal-left-bottom-list[data-v-220a7be4]{margin-top:12px;padding:42px 0 30px 30px;box-sizing:border-box;width:100%;height:592px;overflow-y:scroll}.personal-left-bottom-list[data-v-220a7be4],[data-v-220a7be4] .personal-right{background-color:#fff;border-radius:20px;box-shadow:4px 4px 8px 0 rgba(144,177,215,.13)}[data-v-220a7be4] .personal-right{width:1100px;height:760px;margin-left:23px;font-size:20px;font-family:Source Han Sans}[data-v-220a7be4] .personal-right .navbar{align-items:flex-end;width:100%;height:60px;padding:16px 0 0 51px;box-sizing:border-box;display:flex;border-bottom:1px solid #d9e7ff}[data-v-220a7be4] .personal-right .navbar span{height:36px;margin-right:40px!important;color:rgba(96,98,102,.85);font-weight:700;cursor:pointer;border-bottom:3px solid transparent}[data-v-220a7be4] .personal-right .navbar span.blue{color:#00a4ff;border-color:#00a4ff}[data-v-220a7be4] .personal-right .course-table-date{padding:30px 51px 50px;box-sizing:border-box}[data-v-220a7be4] .invite-contain{width:1100px;height:760px;margin-left:23px;background-color:#fff;box-shadow:4px 4px 8px 0 rgba(144,177,215,.13);border-radius:20px;font-size:20px;font-family:Source Han Sans}[data-v-220a7be4] .invite-contain .navbar{align-items:flex-end;width:100%;height:60px;padding:16px 0 0 51px;box-sizing:border-box;display:flex;border-bottom:1px solid #d9e7ff}[data-v-220a7be4] .invite-contain .navbar span{height:36px;margin-right:40px!important;color:rgba(96,98,102,.85);font-weight:700;cursor:pointer;border-bottom:3px solid transparent}[data-v-220a7be4] .invite-contain .navbar span.blue{color:#00a4ff;border-color:#00a4ff}[data-v-220a7be4] .invite-contain .course-table-date{padding:30px 51px 50px;box-sizing:border-box}.personal-flex[data-v-220a7be4]{display:flex;justify-content:center;align-items:center}.personal-flexs[data-v-220a7be4]{display:flex;align-items:center}.personal-left-photo[data-v-220a7be4]{width:78px;height:78px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAMAAABG8BK2AAAAKlBMVEVHcExtp+5tp+5tp+5tp+5tp+5tp+5tp+5tp+5tp+5tp+5tp+5tp+5tp+6vHIyRAAAADnRSTlMA+9LowBRWrDqFJpkJcMqknbAAAAHYSURBVHjazdhLjuowEAXQW39/97/dJ7oHfkQQEheDPkJCGVC4rrEtg/fMazAbALhwVDfcVioTcVSWBjj1Go/n2nDDmEzS3QAYSyvUf0fXhdQHrhlVqBfgl2lorEF2kjlwgYtUwzLMBharwo5PmlIdOGWdtOHUJG34qKk43htB82J81AfeMJWCi4qo4aXG3HBZYza8YKyGG4zZXlYZOHHxE8qGm0wCB10abitU8cTJscGpPA+vY0vwwNJlYItJ/b/Hgk1OK1MNbNNYg2nYtjrRQIJ2/GhUkOBkeOiMFJnrLaFyOuBV4KdYvivuSAoFBjmSJq1oEho1uCBrkK+EcxlHIE3745UWHVqRFgGuSOv6p8rEdyKOL034t35+Tl9ZDPml+SjxlY1CsA6I5IlXJR3NTG/p6xiXmt+KV1e5noBGjoRJhh/B2De441chTwacHs6QjnXQTGyqZIeHDYcBDNbNfPmwSOdeS+04+2VnlhwHIQ03Feo4Gnq3TpF4GZe0e1V0ZK+agJOO3Yvvcnb1HZXCcIHp+Re6iOMjFynpfw6KrobeK0xRTotowRXOpNPwgk0mdlxVgkhnwZMylaQX3GEeQsRRp7vPWYOJpPvAfc1rsBCRMEf1s+T/AWv3DGTEpdxhAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-size:100% 100%;margin:15px auto;cursor:pointer}.personal-left-photo img[data-v-220a7be4]{width:100%;height:100%}.personal-left-name[data-v-220a7be4]{position:relative;z-index:2;flex:1;font-size:16px;color:#333;display:flex;flex-direction:column;align-items:flex-start;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-left:15px}.personal-left-name .info[data-v-220a7be4]{position:relative;display:flex;align-items:center;width:145px;padding-left:40px;box-sizing:border-box;height:38px;border-radius:30px;font-size:16px;color:#fff;cursor:pointer}.personal-left-name .info img[data-v-220a7be4]{position:absolute;left:8px;width:30px}.personal-left-name .date[data-v-220a7be4]{display:flex;flex-direction:column;align-items:center;width:145px;margin-top:8px;white-space:wrap!important;text-align:center!important;font-size:12px;color:#fff}.personal-left-name .date .vip-date[data-v-220a7be4]{margin-top:5px;color:#f0b058;font-size:11px}.user-name[data-v-220a7be4]{width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-bottom:8px;color:#fff}.personal-left-name-vip-type[data-v-220a7be4]{font-size:14px;color:red}.personal-left-kxb[data-v-220a7be4]{font-size:16px;color:#2384fd;margin-top:15px}.personal-left-kxb-img[data-v-220a7be4]{width:24px;height:24px;margin-right:18px}.personal-left-jdt[data-v-220a7be4]{font-size:20px;color:#2384fd;margin-top:30px}.personal-left-jdtstyle[data-v-220a7be4]{width:180px;height:10px;background-color:#ddd;border-radius:5px;margin-left:13px}.personal-left-num[data-v-220a7be4]{display:flex;align-items:center;font-size:16px;color:#2384fd;margin:5px 40px}.personal-left-line[data-v-220a7be4]{width:260px;height:1px;background-color:#00a4ff;margin:25px 20px 23px 20px}.personal-left-bottom[data-v-220a7be4]{height:362px;overflow-x:hidden;overflow:hidden;overflow-y:scroll}.personal-left-bottom[data-v-220a7be4]::-webkit-scrollbar{display:none}.personal-left-bottom-block[data-v-220a7be4]{height:35px;display:flex;justify-content:center;align-items:center;margin-bottom:50px;font-size:18px;border-radius:20px 0 0 20px;color:#000;cursor:pointer}.personal-left-bottom-block img[data-v-220a7be4]{margin-right:20px}.personalActive[data-v-220a7be4]{color:#fff;background:linear-gradient(180deg,#6fd2ff,#268dff);box-shadow:0 2px 6px 0 #6fd2ff}.personal-left-bottom-img[data-v-220a7be4]{width:22px;height:22px;margin-right:35px}.personal-right-top[data-v-220a7be4]{margin:31px 36px}.personal-right-top-title[data-v-220a7be4]{font-size:20px;color:#36aef6}.personal-right-top-img[data-v-220a7be4]{width:48px;height:60px;margin-right:15px}.personal-right-main[data-v-220a7be4]{display:flex;justify-content:flex-start;margin-top:30px}.personal-right-main-block[data-v-220a7be4]{text-align:center;margin-right:20px}.personal-right-main-block img[data-v-220a7be4]{width:80px;height:80px}.personal-right-main-blockjy[data-v-220a7be4]{font-size:18px;color:#36aef6}.personal-right-main-blocktime[data-v-220a7be4]{font-size:16px;color:#959fa3;margin:10px 0 8px 0}.personal-right-main-blockwc[data-v-220a7be4]{width:107px;height:30px;line-height:30px;border-radius:4px;border:1px solid #d9d9d9;font-size:16px;color:#959fa3;text-align:center}.personal-right-bottom[data-v-220a7be4]{margin:80px 0 30px 36px}.status-one[data-v-220a7be4]{background-image:linear-gradient(90deg,#c7cddd,#a6b2cc)}.status-two[data-v-220a7be4]{background-image:linear-gradient(90deg,#617fce,#85a2ed)}.status-three[data-v-220a7be4]{background-image:linear-gradient(90deg,#f4ce8b,#efa94c)}.no-member[data-v-220a7be4]{justify-content:space-between}.no-member .membership-type[data-v-220a7be4]{color:#fff;font-size:16px}.non-member-text[data-v-220a7be4]{color:#ffcf8b;font-size:12px;opacity:1;font-weight:500}