.page-div[data-v-2b63bdf4]{width:100%;margin-top:20px;display:flex;justify-content:center;flex-direction:column;align-items:center}.page-div[data-v-2b63bdf4] .ant-empty-image{height:100px;margin-bottom:8px}.page-div span[data-v-2b63bdf4]{font-size:14px;color:#999;font-weight:700}.works-back-wo[data-v-2b63bdf4]{width:100%;background:#f9f9f9;display:flex;justify-content:center;background-color:#fff}.card-container[data-v-2b63bdf4]{display:flex;flex-wrap:wrap;align-items:flex-start}.card-pageination[data-v-2b63bdf4]{display:flex;justify-content:center}.course-works[data-v-2b63bdf4]{width:1200px;margin:0 auto;padding-bottom:40px}.course-works .header-works[data-v-2b63bdf4]{padding-top:28px;display:flex;justify-content:space-between;line-height:38px}.course-works .header-works .title[data-v-2b63bdf4]{font-weight:700;font-size:19px;color:#9b0d14}.course-works .header-works .more[data-v-2b63bdf4]{color:#c9171f!important;font-size:16px}.course-works .header-works .more a[data-v-2b63bdf4]{color:#c9171f!important}.works-index[data-v-2b63bdf4]{margin:auto;max-width:1200px}.works-index .char-intr[data-v-2b63bdf4]{font-weight:700;padding-top:13px;font-size:19px;color:#9b0d14}.works-index .per-repr[data-v-2b63bdf4]{margin-top:13px;display:flex}.works-index .per-repr .per-repr-t[data-v-2b63bdf4]{width:125px;height:38px;background:#eee;display:flex;align-items:center;justify-content:center}.works-index .per-repr .per-repr-t span[data-v-2b63bdf4]{font-weight:700;font-size:15px;color:#323232}.works-index .per-repr .per-t-repr[data-v-2b63bdf4]{margin-right:19px;width:125px;height:38px;background:#9b0d14;display:flex;align-items:center;justify-content:center}.works-index .per-repr .per-t-repr span[data-v-2b63bdf4]{font-weight:700;font-size:15px;color:#fff}.empty-div[data-v-2b63bdf4]{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.task-tool[data-v-2b63bdf4]{width:29%;height:680px;box-shadow:0 0 3px #ccc;border-radius:5px;padding:5px}.task-symbol[data-v-2b63bdf4]{width:30%;display:flex;justify-content:space-around;align-items:center}.task-time[data-v-2b63bdf4]{font-size:14px;font-weight:700}.course-task-doc[data-v-2b63bdf4]{width:1200px;display:flex;justify-content:center;margin:0 auto;margin-top:22px;min-height:600px;margin-bottom:15px;flex-wrap:wrap}.task-doc-main[data-v-2b63bdf4]{width:100%;display:flex;justify-content:space-between}.pdf-content[data-v-2b63bdf4]{width:70%;height:680px;box-shadow:0 0 3px #ccc;border-radius:5px;position:relative}.pdf-content-full-screen[data-v-2b63bdf4]{width:100%;position:fixed;z-index:988;height:100%;box-shadow:0 0 3px #ccc;border-radius:5px;top:0;left:0;background-color:#fff}.canvas-top[data-v-2b63bdf4]{width:100%;height:45px;display:flex;flex-wrap:wrap;border-bottom:1px solid #ddd}.task-name[data-v-2b63bdf4]{width:70%;display:flex;justify-content:flex-start;align-items:center;padding:5px 10px 0 10px}.task-name h2[data-v-2b63bdf4]{font-size:16px;font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.canvas-content[data-v-2b63bdf4]{width:100%;height:88.5%;overflow-y:scroll}.canvas-handle[data-v-2b63bdf4]{width:100%;position:sticky;bottom:0;height:5%;display:flex;justify-content:center;align-items:center;background-color:#f7f7f7;border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-top:1px solid #eee}.canvas-handle .next_button[data-v-2b63bdf4]{margin-right:35px}.canvas-handle .page_view[data-v-2b63bdf4]{margin-left:35px;font-size:12px;font-weight:700}@media (max-width:767px){.course-task-doc[data-v-2b63bdf4]{width:100%}.task-doc-main[data-v-2b63bdf4]{flex-direction:column;justify-content:center;align-items:center}.pdf-content[data-v-2b63bdf4]{width:100%;margin-bottom:15px}.task-tool[data-v-2b63bdf4]{width:100%;margin-top:10px}.pdf-content[data-v-2b63bdf4]{height:700px}.pdf-content .canvas-content[data-v-2b63bdf4]{height:85.5%}.canvas-top[data-v-2b63bdf4]{height:50px}.canvas-top .task-name[data-v-2b63bdf4]{width:55%}.canvas-top .task-symbol[data-v-2b63bdf4]{width:45%;padding-right:2%}.canvas-top .task-symbol .task-time[data-v-2b63bdf4]{margin:0 0 0 5px}.canvas-handle[data-v-2b63bdf4]{height:10%}.canvas-handle .next_button[data-v-2b63bdf4]{margin-right:15px}.canvas-handle .page_view[data-v-2b63bdf4]{margin-left:15px}.canvas-handle .ant-btn[data-v-2b63bdf4]{padding:4px 8px}}