.banner .slider[data-v-c1ef76de],.banner[data-v-c1ef76de]{width:816px;height:385px;position:relative;overflow:hidden}.banner .slider[data-v-c1ef76de]{background-repeat:no-repeat;background-position:50%;background-size:816px 385px}.slider .imgbox[data-v-c1ef76de]{height:100%;float:left;cursor:pointer}.slider .imgbox img[data-v-c1ef76de]{-o-object-fit:cover;object-fit:cover;height:100%;width:100%}.banner .control-panel[data-v-c1ef76de]{position:absolute;right:22px;bottom:16px;z-index:3}.banner .control-panel .btns[data-v-c1ef76de]{width:70px;display:flex;justify-content:space-between}.banner .control-panel .btns button[data-v-c1ef76de]{width:30px;height:30px;background-color:#3b5773;opacity:.5;color:#fff;border:none}.banner .control-panel .btns button[data-v-c1ef76de]:hover{opacity:1}.page-box[data-v-2c00732e]{justify-content:center;margin:30px 0 45px}.page-box[data-v-2c00732e],.page[data-v-2c00732e]{display:flex}.page li[data-v-2c00732e]{margin-right:20px;width:40px;height:40px;border:1px solid #e2e2e2;background-color:#fff;border-radius:8px;color:#333;font-size:16px;line-height:40px;text-align:center;flex-shrink:0}.page li[data-v-2c00732e]:last-child{margin-right:0}.page li.active[data-v-2c00732e]{border:1px solid #ff5a00;background-color:#ff5a00;color:#fff}.page li[data-v-2c00732e]:hover{cursor:pointer;filter:brightness(.95)}.page li.disable i[data-v-2c00732e]{color:#bebebe}.page li.disable[data-v-2c00732e]:hover{cursor:default;filter:none}.page li i[data-v-2c00732e]{font-size:14px;transform:scaleX(.8);display:inline-block}.welcome[data-v-34b8be7e]{margin:28px auto 24px;display:flex}.my-study[data-v-34b8be7e]{width:382px;height:386px;background:#3b5773}.my-study h1[data-v-34b8be7e]{margin:45px 0 10px;text-align:center;font-size:32px;color:#fff}.my-study h2[data-v-34b8be7e]{font-size:18px;color:#fff}.my-study .logged h2[data-v-34b8be7e]{display:flex;justify-content:space-between;align-items:center}.my-study .not-logged h2[data-v-34b8be7e]{text-align:center;margin-bottom:30px}.my-study button[data-v-34b8be7e]{height:56px;line-height:56px;display:block;width:324px;margin:0 auto 20px}.my-study p[data-v-34b8be7e]{font-size:16px;color:#fff;text-align:center}.my-study .not-logged p a[data-v-34b8be7e]{text-decoration:underline;font-size:16px;font-weight:700;color:#fff;margin-left:5px;text-underline-offset:4px}.my-study .logged[data-v-34b8be7e]{margin:28px 27px 0 16px;width:338px}.my-study h2 a[data-v-34b8be7e]{font-size:14px;color:#fff;font-weight:200}.my-study .learning[data-v-34b8be7e]{position:relative;width:340px;height:230px;margin:15px auto;background-color:#fff;border-radius:6px}.my-study .learning img[data-v-34b8be7e]{width:100%}.my-study .no-learning p[data-v-34b8be7e]{position:absolute;font-size:24px;color:#c7c7c7;top:77px;left:22px}.my-study .no-learning a[data-v-34b8be7e]{position:absolute;font-size:16px;color:#3b5773;top:120px;left:22px}.my-study .continue-learning[data-v-34b8be7e]{padding:17px 17px 0 11px}.my-study .continue-learning .title[data-v-34b8be7e]{font-size:18px;font-weight:700;line-height:24px;color:#213243;text-align:left}.my-study .continue-learning .course[data-v-34b8be7e]{margin:14px 0 20px;border-top:1px solid #d8d8d8;padding:14px 0;display:flex;align-items:center;justify-content:space-between}.my-study .continue-learning .course p[data-v-34b8be7e]{color:#52606e;font-size:14px}.my-study .continue-learning .course p span[data-v-34b8be7e]{margin-left:12px}.my-study .continue-learning .course p[data-v-34b8be7e]:last-child{font-size:12px}.my-study .continue-learning .progress-bar[data-v-34b8be7e]{width:314px;height:12px;border-radius:6px;background:#d8d8d8;margin-bottom:14px}.my-study .continue-learning .progress-bar .progress[data-v-34b8be7e]{position:relative;height:12px;border-radius:6px;background:#3b5773}.my-study .continue-learning .progress-bar .progress i[data-v-34b8be7e]{position:absolute;right:-14px;top:-24px;color:#3b5773;font-size:24px}.my-study .continue-learning button[data-v-34b8be7e]{width:120px;border:2px solid #3b5773;padding:0;height:46px;line-height:40px;font-weight:bolder}.course-list[data-v-34b8be7e]{margin:30px auto;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px 26px;gap:20px 26px}.course-card[data-v-4408058d]{position:relative;width:588px;border-radius:10px;background:#fff;transform:scale(1)}.course-card[data-v-4408058d]:hover{box-shadow:0 3px 6px 0 rgba(0,0,0,.2)}.course-card.animatecard[data-v-4408058d]{-webkit-animation:bubble-data-v-4408058d .3s cubic-bezier(.55,.085,.68,.53) both;animation:bubble-data-v-4408058d .3s cubic-bezier(.55,.085,.68,.53) both}@-webkit-keyframes bubble-data-v-4408058d{0%{bottom:-10px;opacity:0}to{bottom:0;opacity:1}}.course-card .cover[data-v-4408058d]{border-radius:10px;width:100%;height:350px;overflow:hidden;position:relative}.course-card .cover a[data-v-4408058d],.course-card .cover img[data-v-4408058d]{display:block;width:100%;height:350px}.course-card .tag[data-v-4408058d]{font-size:12px;padding:0 7px;height:20px;line-height:20px}.course-card .cover .tag[data-v-4408058d]{height:26px;line-height:26px;color:#fff;padding:0 10px 0 25px;background-color:#5857fe;font-size:12px;position:absolute;right:0;top:0;-webkit-clip-path:path("M 0 0 L 87 0 L 87 26 L 26 26 A 14,14 0,0,1 13,13 A 14,14 0,0,0 0,0 Z");clip-path:path("M 0 0 L 87 0 L 87 26 L 26 26 A 14,14 0,0,1 13,13 A 14,14 0,0,0 0,0 Z")}.course-card .info[data-v-4408058d]{padding:20px 28px 16px 15px;height:160px}.course-card .info .title[data-v-4408058d]{color:#222;font-size:18px;font-weight:700;height:28px}.course-card .info ul[data-v-4408058d]{display:flex;margin:10px 0;height:24px;overflow-x:scroll}.course-card .info ul[data-v-4408058d]::-webkit-scrollbar{display:none}.course-card .info .desc[data-v-4408058d]{color:#666;font-size:14px;line-height:20px;height:60px;margin-bottom:10px;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:3}.course-card .info .author[data-v-4408058d]{display:flex;align-items:center}.course-card .info .author .avatar[data-v-4408058d]{width:18px;height:18px;border-radius:10px;overflow:hidden;margin-right:5px;display:flex;justify-content:center;align-items:center}.course-card .info .author .avatar img[data-v-4408058d]{width:20px;height:20px;flex-shrink:0}.course-card .info .author a[data-v-4408058d]{font-size:12px;font-weight:500;color:#999}.course-card .free[data-v-4408058d]{position:absolute;right:28px;bottom:14px;font-size:14px;font-weight:700;color:#ea5a18}.course-card.mini[data-v-4408058d]{width:290px;border-radius:8px;box-shadow:none}.course-card.mini .cover[data-v-4408058d]{height:172px;border-radius:8px}.course-card.mini .cover img[data-v-4408058d]{height:172px}.course-card.mini .info .desc[data-v-4408058d]{-webkit-line-clamp:2}.course-card.mini .info[data-v-4408058d]{padding:11px 12px 9px 15px}.course-card.mini .free[data-v-4408058d]{bottom:10px}.tag[data-v-21a796c2]{flex-shrink:0;padding:0 5px 0 6px;border-radius:12px;height:20px;border:1px solid #9b9b9b;margin-right:5px;color:#9b9b9b;font-size:12px;line-height:20px;margin-bottom:4px}.empty-course-list[data-v-6dbd39f2]{width:1200px;display:flex;align-items:center;justify-content:center}.empty-course-list img[data-v-6dbd39f2]{width:344px;height:344px;margin-right:34px}.empty-course-list p[data-v-6dbd39f2]{font-size:16px;color:#999}