.card[data-v-be1b5422]{width:262px;background:#fff;box-shadow:0 12px 24px 0 rgba(223,226,250,.42);border-radius:6px;overflow:hidden;cursor:pointer}.card>img[data-v-be1b5422]{width:262px;height:149px}.card .content[data-v-be1b5422]{padding:20px 16px;box-sizing:border-box;background:#fff}.card .content .title[data-v-be1b5422]{opacity:.85;font-family:PingFangSC-Medium;font-size:16px;color:#000;line-height:16px;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:6px}.card .content .time[data-v-be1b5422]{opacity:.45;font-family:PingFangSC-Regular;font-size:14px;color:#000;line-height:22px;font-weight:400;margin-bottom:6px}.card .content .buy-box[data-v-be1b5422]{height:46px;display:flex;justify-content:space-between;align-items:center;background:#f7f8fa;border-radius:4px;padding:0 12px}.card .content .buy-box .buy-person[data-v-be1b5422]{font-family:PingFangSC-Regular;font-size:14px;color:#24324c;line-height:22px;font-weight:400}.card .content .buy-box .go-learn[data-v-be1b5422]{font-family:PingFangSC-Medium;font-size:14px;color:#4f7bff;text-align:right;line-height:22px;font-weight:500;cursor:pointer}.card .content .buy-box .go-learn img[data-v-be1b5422]{width:10px;margin-top:-2px;margin-left:2px}.my-courses[data-v-534584c6]{width:100%;max-height:90vh;display:flex;flex-direction:column}.list[data-v-534584c6]{display:grid;justify-content:space-evenly;grid-template-columns:repeat(auto-fill,262px);grid-gap:24px 24px}.list[data-v-534584c6] .card{justify-self:flex-start}.head[data-v-527abd90]{background:#fff;box-shadow:0 12px 24px 0 #dfe2fa;border-radius:8px;padding:24px;display:flex;justify-content:space-between}.head .my[data-v-527abd90]{width:50%;height:139px;background:url(../img/my-bg.3f142788.png) 0 0 no-repeat;background-size:100% 100%;display:flex;justify-content:flex-start;align-items:center}.head .my .head-img[data-v-527abd90]{width:80px;height:80px;margin-left:41px;border:2px solid #fff;border-radius:50%}.head .my .user[data-v-527abd90]{margin-left:18px;position:relative}.head .my .user .name[data-v-527abd90]{font-family:PingFangSC-Medium;font-size:20px;color:#24324c;letter-spacing:0;font-weight:500;margin-bottom:4px}.head .my .user .empno[data-v-527abd90]{opacity:.6;font-family:PingFangSC-Regular;font-size:14px;color:#262626;letter-spacing:0;font-weight:400}.head .my .line[data-v-527abd90]{display:inline-block;width:1px;height:40%;background:#d7d9db;margin:0 30px}.head .my .course[data-v-527abd90],.head .my .jifen[data-v-527abd90]{text-align:center}.head .my .course .num[data-v-527abd90],.head .my .jifen .num[data-v-527abd90]{font-family:DINAlternate-Bold;font-size:30px;color:#24324c;line-height:22px;font-weight:700;margin-bottom:12px}.head .my .course .label[data-v-527abd90],.head .my .jifen .label[data-v-527abd90]{font-family:PingFangSC-Regular;font-size:14px;color:#596378;line-height:22px;font-weight:400}.head .my .course[data-v-527abd90]{margin-left:60px}.head .my .mianfei[data-v-527abd90]{font-family:PingFangSC-Semibold;font-size:16px;color:#26b200;text-align:right;font-weight:600}.head .history[data-v-527abd90]{width:50%;background:#fdf6f6;height:139px;display:flex;justify-content:flex-start;align-content:center;flex-wrap:wrap;margin-left:15px;padding:0 24px;position:relative;border-radius:8px}.head .history .top[data-v-527abd90]{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.head .history .top[data-v-527abd90]>:first-child{font-family:PingFangSC-Medium;font-size:16px;color:#24324c;line-height:22px;font-weight:500}.head .history .top[data-v-527abd90]>:nth-child(2){font-family:PingFangSC-Medium;font-size:14px;color:#4f7bff;text-align:right;line-height:22px;font-weight:500;cursor:pointer}.head .history .top>:nth-child(2) img[data-v-527abd90]{width:10px;margin-top:-2px;margin-left:2px}.head .history .bottom[data-v-527abd90]{width:100%;display:flex;align-items:center}.head .history .bottom .item[data-v-527abd90]{width:294px;background:#fff;border-radius:4px;display:grid;grid-template-columns:88px auto;padding:11px 10px;position:relative;box-sizing:border-box}.head .history .bottom .item>img[data-v-527abd90]{width:88px;height:49px;border-radius:8px 8px}.head .history .bottom .item .item-content[data-v-527abd90]{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;margin-left:6px;padding:5px 0}.head .history .bottom .item .item-content .title[data-v-527abd90]{width:180px;font-family:PingFangSC-Medium;font-size:12px;color:#000;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.head .history .bottom .item .item-content .jifen[data-v-527abd90]{width:100%}.head .history .bottom .item .item-content .jifen .num[data-v-527abd90]{font-family:PingFangSC-Semibold;font-size:14px;color:#eb4336;font-weight:600;margin-right:5px}.head .history .bottom .item .item-content .jifen .unit[data-v-527abd90]{font-family:PingFangSC-Regular;font-size:9px;color:#eb4336;font-weight:400}.head .history .bottom .list[data-v-527abd90]{margin-left:18px;flex:1;width:0}.head .history .bottom .list>div[data-v-527abd90]{font-family:PingFangSC-Regular;font-size:12px;color:#5c657a;line-height:22px;font-weight:400;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.head .history .marker[data-v-527abd90]{position:absolute;left:0;top:0;width:40px}.tabs[data-v-527abd90]{margin:16px 0 0 -1px}.tabs[data-v-527abd90] .ant-tabs-bar{margin:0;border-bottom:none}.tabs[data-v-527abd90] .ant-tabs-tab{font-family:PingFangSC-Regular;font-size:16px;color:#94989f;text-align:center;font-weight:400;border-radius:8px 8px 0 0!important}.tabs[data-v-527abd90] .ant-tabs-tab-active{font-family:PingFangSC-Medium;font-size:16px;color:#4f7bff;text-align:center;font-weight:500}.content[data-v-527abd90]{padding:24px;background:#fff;border-radius:0 8px 8px 8px;margin-bottom:21px}.no-padding[data-v-527abd90]{padding:24px 0}