.top[data-v-7ebf1918]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:8px 15px 8px 15px}.top .back[data-v-7ebf1918]{display:inline-block;width:24px}.top .avatar[data-v-7ebf1918]{width:24px;height:24px;border-radius:12px}.top .right-top-box[data-v-7ebf1918]{position:absolute;top:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:35px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.top .right-top-box .icons-box[data-v-7ebf1918]{width:45px}.top .right-top-box img[data-v-7ebf1918]{padding:10px 10px}.top .right-top-box .el-icon-user-solid[data-v-7ebf1918]{width:24px;height:24px;border-radius:12px;font-size:22px!important}[data-v-7ebf1918] .popup.van-popup{background-color:hsla(0,0%,100%,0)}.popup .btns[data-v-7ebf1918]{width:100%;padding:20px}.popup .btns .btn[data-v-7ebf1918]{width:100%;border-radius:20px;padding:13px 0;font-size:16px;text-align:center;background:#fff}.popup .btns .btn+.btn[data-v-7ebf1918]{margin-top:10px}.red[data-v-7ebf1918]{color:red}.blue[data-v-7ebf1918]{color:#4b92f7}.el-dropdown[data-v-7ebf1918]{vertical-align:top}.el-dropdown+.el-dropdown[data-v-7ebf1918]{margin-left:15px}.el-icon-arrow-down[data-v-7ebf1918]{font-size:12px}[data-v-0a89e8c1]{scrollbar-color:#eee;scrollbar-width:thin}.overflow[data-v-0a89e8c1]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}.homework-status-warning[data-v-0a89e8c1]{margin-left:4px;background-color:#fdf6ec;border:1px solid #faecd8;color:#e6a23c;padding:0 3px;height:16px;line-height:15px;font-size:10px}.homework-status-success[data-v-0a89e8c1]{margin-left:4px;background-color:#f0f9eb;border:1px solid #e1f3d8;color:#67c23a;padding:0 3px;height:16px;line-height:15px;font-size:10px}.homework-status-info[data-v-0a89e8c1]{margin-left:4px;background-color:#f4f4f5;border:1px solid #e9e9eb;color:#909399;padding:0 3px;height:16px;line-height:15px;font-size:10px}.not-data[data-v-0a89e8c1]{height:100%;width:100%}.one-box-list[data-v-0a89e8c1]{margin:4px 0;padding:0 20px}.two-box-list[data-v-0a89e8c1]{margin:4px 0}.show-dataList[data-v-0a89e8c1]{-webkit-animation:dataShow-data-v-0a89e8c1 .1s ease forwards;animation:dataShow-data-v-0a89e8c1 .1s ease forwards;-webkit-transform-origin:bottom center;transform-origin:bottom center;opacity:0}.homework-step-content[data-v-0a89e8c1]{height:calc(100% - 40px);position:relative}.homework-step-content .homework-step-desc[data-v-0a89e8c1]{height:calc(100% - 53px);padding:4% 4%}.homework-step-content .bottom-btns[data-v-0a89e8c1]{background:#fff;width:100%;height:53px;position:absolute;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-shadow:0 -8px 30px 0 rgba(0,0,0,.05);box-shadow:0 -8px 30px 0 rgba(0,0,0,.05);font-size:10px;color:343536}.homework-step-content .bottom-btns .btn[data-v-0a89e8c1]{text-align:center}.homework-step-content .bottom-btns .btn .icon[data-v-0a89e8c1]{color:#343536;width:24px}.card-box[data-v-0a89e8c1]{height:340px;overflow:hidden}.card-box .header[data-v-0a89e8c1]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#f6f7f9;font-size:16px;color:rgba(0,0,0,.6509803921568628)}.card-box .header[data-v-0a89e8c1] .el-button{font-size:10px!important;padding:15px 15px;color:#969799}.card-box .header .close[data-v-0a89e8c1]{color:#343536}.card-box .header .submit[data-v-0a89e8c1]{color:#508ad8}.card-box .card-body[data-v-0a89e8c1]{height:100%}.card-box .card-body .card-type-box[data-v-0a89e8c1]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.card-box .card-body .card-type-box .type-box+.type-box[data-v-0a89e8c1]{margin-left:20px}.card-box .card-body .card-type-box .type-box[data-v-0a89e8c1]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#343536;height:58px}.card-box .card-body .card-type-box .type-box .card-btn[data-v-0a89e8c1]{height:7px;width:15px;border-radius:3.5px;margin-right:3px}.card-box .card-body .exercise-box-list[data-v-0a89e8c1]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 calc(50% - 111px);overflow:auto;max-height:calc(100% - 120px);margin-bottom:25px}.card-box .card-body .exercise-box-list .exercise-box[data-v-0a89e8c1]{font-size:13px;width:34px;height:34px;line-height:34px;text-align:center;border-radius:17px;margin:5px 5px}.card-box .card-body .is-right[data-v-0a89e8c1]{border:1px solid #97b5f3;background-color:#97b5f3;color:#fff}.card-box .card-body .is-fail[data-v-0a89e8c1]{border:1px solid silver;background-color:#fff;color:#343536}.card-box .card-body.is-permissions .is-right[data-v-0a89e8c1]{border:1px solid #67c23a!important;background-color:#67c23a!important;color:#fff}.card-box .card-body.is-permissions .is-fail[data-v-0a89e8c1]{border:1px solid red!important;background-color:red!important;color:#fff}.body[data-v-0a89e8c1]{height:100%;width:100%}[data-v-0a89e8c1] .el-drawer__header,[data-v-0a89e8c1] .el-drawer__title{display:none!important}@-webkit-keyframes dataShow-data-v-0a89e8c1{0%{opacity:0}to{opacity:1}}@keyframes dataShow-data-v-0a89e8c1{0%{opacity:0}to{opacity:1}}.navigation-two-box-list[data-v-0a89e8c1]{height:calc(100% - 118px);overflow:auto;margin:4px 0}.view-courseware[data-v-0a89e8c1]{height:calc(100% - 39px)}.curseware-top[data-v-0a89e8c1]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:40px;line-height:40px;font-size:14px;color:#343536;border-bottom:1px solid #f7f7f7}.curseware-top .icon[data-v-0a89e8c1]{color:#918c8c;width:6px;margin:0 5px 0 14px}.curseware-top .title[data-v-0a89e8c1]{width:calc(100% - 50px)}[data-v-0a89e8c1] .van-popup{border-radius:13px}[data-v-0a89e8c1] .van-popup--bottom{border-radius:13px 13px 0 0}[data-v-0a89e8c1] .van-popup--center{width:83%;text-align:center;padding:24px}[data-v-0a89e8c1] .van-picker__confirm{color:#508ad8;font-size:10px}[data-v-0a89e8c1] .van-picker__cancel{font-size:10px}[data-v-0a89e8c1] .van-picker__title{font-size:14px}[data-v-0a89e8c1] .van-picker__toolbar{background:#f6f7f9}[data-v-0a89e8c1]::-webkit-scrollbar{width:2px;height:2px}[data-v-0a89e8c1]::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.5);border-radius:1px;height:50%;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;opacity:0}.mobile-cover-bg[data-v-0a89e8c1]{background-position:50%;background-size:cover;background-repeat:no-repeat}.mobile-cover-bg.bg-0[data-v-0a89e8c1]{background-image:url(/img/bg/bg0.png)}.mobile-cover-bg.bg-1[data-v-0a89e8c1]{background-image:url(/img/bg/bg1.png)}.mobile-cover-bg.bg-2[data-v-0a89e8c1]{background-image:url(/img/bg/bg2.png)}.mobile-cover-bg.bg-3[data-v-0a89e8c1]{background-image:url(/img/bg/bg3.png)}.mobile-cover-bg.bg-4[data-v-0a89e8c1]{background-image:url(/img/bg/bg4.png)}.mobile-cover-bg.bg-5[data-v-0a89e8c1]{background-image:url(/img/bg/bg5.png)}.mobile-cover-bg.bg-6[data-v-0a89e8c1]{background-image:url(/img/bg/bg6.png)}.mobile-type-bg-doc[data-v-0a89e8c1]{background-image:url(/img/bz/job.40356b37b1748aaa4d0a.png)}.mobile-type-bg-code[data-v-0a89e8c1]{background-image:url(/img/bz/code.0b9ba13bde19f467a790.png)}.mobile-type-bg-video[data-v-0a89e8c1]{background-image:url(/img/bz/ware.37c58cd95fa2b86fbdd2.png)}.mobile-type-bg-link[data-v-0a89e8c1]{background-image:url(/img/bz/link.c06653b67d8642cff30e.png)}.body .content[data-v-0a89e8c1]{padding:0 12px 0 12px;margin-top:30px;overflow:auto;height:calc(100% - 74px);margin-bottom:20px}.body .content .content-top[data-v-0a89e8c1]{margin-bottom:5px;vertical-align:top}.body .content .content-top .teacher-name[data-v-0a89e8c1]{display:inline-block;font-size:12px;min-width:calc(100% - 160px);vertical-align:top}.body .content .content-top .teacher-name .first-name[data-v-0a89e8c1]{display:inline-block;padding:3px 6px;border-radius:12px;background-color:hsla(0,0%,100%,.3764705882352941);color:#fff;margin-right:5px;vertical-align:top}.body .content .content-top .teacher-name .first-name span[data-v-0a89e8c1]{display:inline-block;width:12px;height:12px;line-height:12px;text-align:center;overflow:hidden;white-space:nowrap;font-size:12px}.body .content .content-top .teacher-name .name[data-v-0a89e8c1]{display:inline-block;max-width:calc(100% - 42px);padding:3px 0}.body .content .content-top .time[data-v-0a89e8c1]{display:inline-block;width:160px;text-align:right;height:24px;line-height:24px;font-size:10px}.body .content .class-name[data-v-0a89e8c1]{font-size:28px;margin-bottom:12px}.body .content .go-classroom[data-v-0a89e8c1]{margin:15px 0 25px 0}.body .content .go-classroom .btn[data-v-0a89e8c1]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:-webkit-max-content;width:-moz-max-content;width:max-content;background:#fff;padding:7px 17px;border-radius:15px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.15);box-shadow:0 2px 12px 0 rgba(0,0,0,.15)}.body .content .go-classroom .btn img[data-v-0a89e8c1]{margin-right:8px}.body .content .statistics[data-v-0a89e8c1]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;padding:16.5px 0;border-radius:12px;background-color:hsla(0,0%,100%,.64);margin-bottom:10px}.body .content .statistics .box[data-v-0a89e8c1]{text-align:center}.body .content .statistics .box .num[data-v-0a89e8c1]{font-size:20px;height:30px;line-height:30px;color:#5170ff}.body .content .statistics .box .desc[data-v-0a89e8c1]{font-size:12px}.body .content .info[data-v-0a89e8c1]{padding:15px;border-radius:12px;background-color:hsla(0,0%,100%,.64);margin-bottom:10px}.body .content .info .title[data-v-0a89e8c1]{font-size:16px;font-weight:700;margin-bottom:10px}.body .content .info .desc[data-v-0a89e8c1]{font-size:12px;color:#61656e;white-space:pre-wrap}