*{padding:0;margin:0;box-sizing:border-box}body,html{color:#333;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app,body,html{width:100%;height:100%}#app{min-width:1080px}.nav-menu[data-v-18ae5be1]{min-height:100%;overflow:auto;box-shadow:0 10px 10px 0 rgba(0,0,0,.1);border-right:none;width:220px}.nav-menu .el-menu[data-v-18ae5be1]{border:none}.el-aside[data-v-18ae5be1]{position:absolute;height:100%;left:0;top:0}.el-submenu__icon-arrow[data-v-18ae5be1]{display:none!important}.el-menu-item span[data-v-18ae5be1],.el-submenu__title span[data-v-18ae5be1]{font-size:18px;font-weight:700}.el-menu-item[data-v-18ae5be1]{font-size:16px}.header[data-v-8c9e2d28]{height:60px;width:100%;position:fixed;top:0;left:0;box-shadow:10px 0 10px 0 rgba(0,0,0,.1);z-index:11;display:flex;justify-content:space-between;align-items:center;background-color:#fff}.header .el-dropdown-link[data-v-8c9e2d28]{cursor:pointer;color:#409eff}.header .title[data-v-8c9e2d28]{font-size:18px;font-weight:bolder;padding-left:6px;display:flex;align-items:center}.header[data-v-8c9e2d28]{background:#303446;color:#fff}.header .titleprey[data-v-8c9e2d28]{color:#999;cursor:pointer}.el-breadcrumb[data-v-3bedb331]{margin-left:40px}.container_cont{width:1400px;position:relative;margin:0 auto}.container_cont .container_main{width:1100px!important;height:100%;float:right;right:0;padding:0!important}.el-container{min-height:100%;padding-top:60px;width:100%;box-sizing:border-box}.el-container .container{padding:30px;width:100%}.el-container .banner{display:flex;align-items:center;text-decoration:none}.el-container .banner .title{margin-left:10px}.el-container .banner .tip{font-size:12px;margin-left:10px;color:#999}.el-container .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.el-container .header .el-date-editor{width:490px}.el-container .header .el-input{max-width:300px}.el-container .header .select-input{max-width:500px}.el-container .header .el-select{width:170px}.el-container .header .btn-input{display:flex;justify-content:space-between;align-items:center}.el-container .header .btn-input>.el-button{margin-right:15px}.el-container .el-pagination{text-align:center;padding:20px 0}.el-container .btn-link{margin:0 6px;text-decoration:none;color:#409eff}.el-container .btn-link+.el-button{margin:0 6px}.img-dialog{width:60%!important}.login[data-v-77bcdba8]{width:100%;height:100%;position:relative;background-repeat:no-repeat;background-size:auto 100%;background-color:#ebecf8;display:flex;align-items:center;justify-content:center}.box[data-v-77bcdba8]{background-color:#fff;width:1024px;height:770px;border-radius:10px;text-align:center;display:flex}.left[data-v-77bcdba8]{flex:1;height:100%;background-color:#d2d4e7;border-radius:10px 0 0 10px;position:relative}.right[data-v-77bcdba8]{flex:1;display:flex;align-items:center;justify-content:center}.bg[data-v-77bcdba8]{display:block;height:740px;position:absolute;left:-290px;bottom:-30px}.title[data-v-77bcdba8]{font-size:26px;font-weight:bolder;line-height:3}.login-box[data-v-77bcdba8]{width:66%}.header[data-v-19556aa1]{background:none;color:#66b1ff}.indexbanner[data-v-19556aa1]{height:500px;width:100%;font-size:16px;font-weight:700;color:#ffc9b3;background:url(../img/indexbanner.bfd600ba.png) no-repeat center #f8f8f8}.indexbanner .el-col-24[data-v-19556aa1]{max-width:1200px;margin:0 auto;padding-left:30px}.bannerline1[data-v-19556aa1]{margin-top:160px}.bannerline1 span[data-v-19556aa1]{font-size:20px;color:#fff}.bannerline2[data-v-19556aa1]{margin-top:15px}.courseclassout[data-v-19556aa1]{margin-top:-80px!important}.courseclass[data-v-19556aa1]{color:#fff;border-radius:30px;padding:3px 40px;font-weight:700;font-size:20px}h3[data-v-19556aa1]{margin-top:100px;margin-bottom:20px;font-size:26px}h4[data-v-19556aa1]{margin-top:10px}.indexcontent[data-v-19556aa1]{text-align:center;max-width:1200px;margin:0 auto}.indexcontent .el-col-8[data-v-19556aa1]{text-align:left}.indexcontent .el-col-8 img[data-v-19556aa1]{width:400px}.el-col-6 span[data-v-19556aa1]{font-weight:700;color:#071d59}.el-col-6 img[data-v-19556aa1]{width:205px}.codejustclass img[data-v-19556aa1]{width:160px;margin-bottom:21px;margin-top:30px}.codepracticeclass img[data-v-19556aa1]{margin-top:8px;margin-bottom:10px}.codeprogrammerclass img[data-v-19556aa1]{margin-top:12px;margin-bottom:24px}.el-col-6 .time[data-v-19556aa1]{font-size:12px;color:#888}.el-col-6 .bottom[data-v-19556aa1]{padding-top:6px}.box-card .item[data-v-19556aa1]{padding-top:26px;padding-left:48px;text-align:left;font-size:14px;color:#666}.box-card .item h4[data-v-19556aa1]{color:#071d59}.indexcontentrow[data-v-19556aa1]{overflow:hidden;margin-top:32px;background-color:#f7f7fb;border-radius:16px;box-shadow:0 2px 81px 0 hsla(0,0%,100%,.09)}.indexcontentrow img[data-v-19556aa1]{border-top-left-radius:16px;border-bottom-left-radius:16px}.colbutton[data-v-19556aa1]{margin-top:145px;width:90%}.indexcontentfoot[data-v-19556aa1]{margin-top:40px;padding-bottom:20px;font-size:14px;background:#09425b;color:#ddd;padding-top:60px;padding-bottom:40px;border-top-right-radius:20px;border-top-left-radius:30px}.header[data-v-4881aa5c]{background:none;color:#66b1ff}.indexbanner[data-v-4881aa5c]{height:347px;width:100%;font-size:16px;font-weight:700;color:#ffc9b3;background-image:url(../img/courselist.3ad4087a.jpg)}.indexbanner .el-col-24[data-v-4881aa5c]{max-width:1200px;margin:0 auto;padding-left:30px}.classcourse_title[data-v-4881aa5c]{margin-top:100px;font-size:20px;color:#fff}.classcourse_proinfo[data-v-4881aa5c]{font-size:14px}.classcourse_proinfo span[data-v-4881aa5c]{color:#fff;font-size:16px}.classcourse_button[data-v-4881aa5c]{text-align:right;margin-top:-60px!important}.indexcontent[data-v-4881aa5c]{text-align:center;max-width:1200px;margin:0 auto}h3[data-v-4881aa5c]{margin-top:100px;margin-bottom:20px;font-size:26px;text-align:center;color:#2b86b8}h4[data-v-4881aa5c]{margin-top:10px}.box-card .item[data-v-4881aa5c]{padding-top:26px;padding-left:48px;text-align:left}.indexcontentrow[data-v-4881aa5c]{margin-top:32px;background-color:#316cb6;border-radius:16px;box-shadow:0 2px 81px 0 hsla(0,0%,100%,.09)}.indexcontentrow img[data-v-4881aa5c]{height:230px;border-top-left-radius:16px;border-top-right-radius:16px;width:100%}.indexcontentrow span[data-v-4881aa5c]{font-size:16px;font-weight:700;color:#fff}.indexcontentrow .bottom[data-v-4881aa5c]{margin-top:10px}.indexcontentrow .time[data-v-4881aa5c]{font-size:14px;color:#ddd}.indexcontentfoot[data-v-4881aa5c]{margin-top:40px;padding-bottom:20px;font-size:14px;background:#09425b;color:#ddd;padding-top:60px;padding-bottom:40px;border-top-right-radius:20px;border-top-left-radius:30px}.login{width:100%;height:100%;position:relative;background-repeat:no-repeat;background-size:auto 100%;background-color:#ebecf8;align-items:center;justify-content:center}.box,.login{display:flex}.box{background-color:#fff;width:1024px;height:770px;border-radius:10px;text-align:center}.left{flex:1;height:100%;background-color:#d2d4e7;border-radius:10px 0 0 10px;position:relative}.right{flex:1;display:flex;align-items:center;justify-content:center}.bg{display:block;height:740px;position:absolute;left:-290px;bottom:-30px}.title{font-size:26px;font-weight:bolder;line-height:3}.login-box{width:66%}.header[data-v-6da79b36]{background:none;color:#66b1ff}.coursespeedtop[data-v-6da79b36]{text-align:left;max-width:1200px;margin:60px auto;height:300px;margin-bottom:10px;color:#fff;background:url(../img/coursebase.1e6a3e32.png) rgba(0,0,0,.7) no-repeat 50%;background-blend-mode:multiply;background-size:100% auto;border-radius:16px;box-shadow:0 2px 31px 0 rgb(85 141 255/40%)}.coursespeedtop .text[data-v-6da79b36]{margin-left:80px;margin-top:30px}.coursespeedtop .text_level[data-v-6da79b36]{background-color:#666;display:inline-block;padding:5px 10px;border-radius:16px}.coursespeedtop .text_title[data-v-6da79b36]{font-size:30px;font-weight:700;margin-top:80px}.classcourse_progress[data-v-6da79b36]{margin-top:80px;border-top-right-radius:60px}.classcourse_progresssub[data-v-6da79b36]{margin-left:30px;margin-top:80px}.classcourse_progress .el-progress[data-v-6da79b36]{width:60%}.classcourse_proinfo[data-v-6da79b36]{font-size:14px;margin-left:30px;color:#ffc9b3}.classcourse_proinfo span[data-v-6da79b36]{color:#fff;font-size:16px;font-weight:700}.classcourse_button[data-v-6da79b36]{margin-left:30px;margin-top:6px!important}.classcourse_button .el-button[data-v-6da79b36]{border-radius:30px;padding:5px 60px;font-size:15px;font-weight:700}.indexcontent[data-v-6da79b36]{text-align:center;max-width:1200px;margin:0 auto}.el-col-24 h4[data-v-6da79b36]{margin-top:50px;margin-bottom:10px;text-align:left;color:#5359de;font-size:24px}.box-card .item[data-v-6da79b36]{padding-top:26px;padding-left:48px;text-align:left}.indexcontentrow[data-v-6da79b36]{margin-top:32px;background-color:#f7f7fb;border-radius:16px;box-shadow:0 2px 81px 0 hsla(0,0%,100%,.09)}.indexcontentrow img[data-v-6da79b36]{border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-left-radius:16px;width:250px}.classlevel[data-v-6da79b36]{position:absolute;top:-286px;right:20px;color:#f4b029;font-weight:700;font-family:Microsoft YaHei}.classlevel span[data-v-6da79b36]{font-size:70px}.classtitle[data-v-6da79b36]{position:absolute;top:-59px;right:20px;color:#cda021;font-size:13px}.classtitleplay[data-v-6da79b36]{position:absolute;top:-40px;right:20px;color:#cda021;font-weight:700;font-size:18px}.bottom[data-v-6da79b36]{text-align:left;font-size:15px;font-weight:700;color:#5359de}.classnolock .classlevel[data-v-6da79b36]{color:#999}.classnolock .classtitle[data-v-6da79b36]{color:#999}.classnolock .classtitleplay[data-v-6da79b36]{color:#999}.classnolock .bottom[data-v-6da79b36]{color:#999}.indexcontentrow .classnolock img[data-v-6da79b36]{opacity:.6;filter:grayscale(1)}.indexcontentfoot[data-v-6da79b36]{margin-top:40px;padding-bottom:20px;font-size:14px;background:#09425b;color:#ddd;padding-top:60px;padding-bottom:40px;border-top-right-radius:20px;border-top-left-radius:30px}.el-dialog .el-button{margin-right:10px}.el-dialog .title{font-size:16px;font-weight:bolder;margin-bottom:6px}.el-row[data-v-632b5ea9]{margin:0 auto;text-align:center;background:#a2d4fc}.el-col-24[data-v-632b5ea9]{margin-top:-5px}.el-col-24 img[data-v-632b5ea9]{width:805px}.leftclass[data-v-632b5ea9]{position:fixed;bottom:20px;left:10px}.leftclass img[data-v-632b5ea9]{width:100px}.rightclass[data-v-632b5ea9]{position:fixed;bottom:20px;right:10px}.rightclass img[data-v-632b5ea9]{width:100px}