.box[data-v-03e644f1]{max-width:1000px;min-width:800px;margin:0 auto;border-radius:10px}.box .head[data-v-03e644f1]{height:60px;background-image:linear-gradient(264deg,#1ad0b3,#23ccd1),linear-gradient(#fff,#fff);border-radius:10px;font-size:22px;line-height:60px;letter-spacing:1px;color:#fff;padding:0 28px 0 10px;display:flex;justify-content:space-between}.box .head .el-icon-caret-left[data-v-03e644f1]{vertical-align:text-bottom;font-size:28px;cursor:pointer;margin-right:2px}.box .body[data-v-03e644f1]{margin:12px 0 0 0}.box .body .body-box[data-v-03e644f1]{background-color:#fff;padding:10px 30px;height:calc(100vh - 162px);overflow:auto}.box .body .body-box .cjd .h3[data-v-03e644f1]{height:30px;background:#21cdcb;border-radius:5px;line-height:30px;padding:0 6px;width:70px;font-size:16px;color:#fff;text-align:center}.box .body .body-box .cjd hr[data-v-03e644f1]{color:#e8e8e8;border:none;height:1px;background-color:#e8e8e8}.box .body .body-box .cjd .cjd-text[data-v-03e644f1]{font-size:16px;font-weight:400;color:#000;line-height:26px;margin:14px 0;white-space:pre-wrap;word-break:break-word;font-family:MicrosoftYaHei,sans-serif}.box .body .body-box .cjd .cjd-img-box[data-v-03e644f1]{width:100%}.box .body .body-box .cjd .cjd-img-box .covers[data-v-03e644f1]{display:flex;justify-content:space-between;flex-wrap:wrap}.box .body .body-box .cjd .cjd-img-box .cover[data-v-03e644f1]{display:flex;justify-content:center;width:33.33%;margin:6px 0}.box .body .body-box .cjd .cjd-img-box .min[data-v-03e644f1]{border-radius:10px;cursor:zoom-in}.box .body .body-box .cjd .cjd-img-box .max[data-v-03e644f1]{cursor:zoom-out;width:100%}.box .body .body-box .cjd .cjd-img-box .small[data-v-03e644f1]{display:flex;justify-content:space-between;flex-wrap:wrap}.box .body .body-box .cjd .cjd-img-box .cover-small[data-v-03e644f1]{display:flex;justify-content:center;width:10%;margin:10px 0;opacity:.6;cursor:pointer}.box .body .body-box .cjd .cjd-img-box .cover-small[data-v-03e644f1]:hover{opacity:1}.box .body .body-box .cjd .cjd-img-box .active[data-v-03e644f1]{display:flex}.box .body .body-box .cjd .cjd-img-box .None[data-v-03e644f1]{display:none}.box .body .body-box .cjd .cjd-img-box .smallActive[data-v-03e644f1]{opacity:1}.box .body .body-box .teacher-fx .h3[data-v-03e644f1]{height:30px;background:#21cdcb;border-radius:5px;line-height:30px;width:90px;font-size:16px;color:#fff;text-align:center}.box .body .body-box .teacher-fx hr[data-v-03e644f1]{color:#e8e8e8;border:none;height:1px;background-color:#e8e8e8}.box .body .body-box .teacher-fx .middle-content .li .title-box[data-v-03e644f1]{display:flex;align-items:center;justify-content:space-between}.box .body .body-box .teacher-fx .middle-content .li .title-box .left[data-v-03e644f1]{display:flex;align-items:center}.box .body .body-box .teacher-fx .middle-content .li .title-box .left .avatar[data-v-03e644f1]{width:40px;height:40px;border-radius:50%;overflow:hidden}.box .body .body-box .teacher-fx .middle-content .li .title-box .left .avatar img[data-v-03e644f1]{max-width:100%}.box .body .body-box .teacher-fx .middle-content .li .title-box .left .teacherName[data-v-03e644f1]{max-width:80px;font-size:16px;font-weight:700;color:#000;overflow:hidden;margin:10px}.box .body .body-box .teacher-fx .middle-content .li .title-box .left .insertTime[data-v-03e644f1]{font-size:14px;font-weight:400;color:#97a3be;line-height:28px}.box .body .body-box .teacher-fx .middle-content .li .title-box .right[data-v-03e644f1]{cursor:pointer;font-size:14px;color:#95a1bd}.box .body .body-box .teacher-fx .middle-content .li .title-box .right .el-icon-delete[data-v-03e644f1]{margin-right:4px}.box .body .body-box .teacher-fx .middle-content .li .content-box[data-v-03e644f1]{padding:6px 40px}.box .body .body-box .teacher-fx .middle-content .li .content-box .audio-box-audio[data-v-03e644f1]{width:350px;height:40px;margin:0}.box .body .body-box .teacher-fx .middle-content .li .content-box .audio-box-audio audio[data-v-03e644f1]{width:350px;height:36px;background-color:#f5f6f7;border-radius:20px}.box .body .body-box .teacher-fx .middle-content .li .content-box .pictures-box[data-v-03e644f1]{height:180px;overflow:hidden}.box .body .body-box .teacher-fx .middle-content .li .content-box .pictures-box img[data-v-03e644f1]{max-width:100%;max-height:100%}.box .body .body-box .teacher-fx .middle-content .li .content-box .text-box pre[data-v-03e644f1]{margin:0;white-space:pre-wrap;font-size:16px;color:#000}