.titleWrap[data-v-50c50f49]{position:relative;font-size:medium}.titleWrap .pwdBtn[data-v-50c50f49]{position:absolute;right:44px;top:-6px;padding:9px 15px!important}.userInfoWrap[data-v-50c50f49]{display:flex}.userInfoWrap .avatarWrap[data-v-50c50f49]{width:231px;height:231px;border-top:1px solid #ebeef5;border-right:none;border-bottom:1px solid #ebeef5;border-left:1px solid #ebeef5;text-align:center;padding-top:25px}.userInfoWrap .avatarWrap .userAvatar[data-v-50c50f49]{width:180px;height:180px;line-height:180px;font-size:108px;border-radius:50%;box-shadow:0 0 8px 1px rgba(0,0,0,.06)}.userInfoWrap .descriptionsWrap[data-v-50c50f49]{flex:1}.userInfoWrap .descriptionsWrap .descriptionsLabel[data-v-50c50f49]{background:red}.noContent[data-v-50c50f49]{font-size:12px;font-style:italic;color:#999}.userBoxCom[data-v-0ede5036]{min-width:120px;height:48px;padding:0 5px;display:flex!important;justify-content:center;align-items:center;cursor:pointer;font-size:12px;position:relative;border-left:1px solid rgba(0,0,0,.1)}.userBoxCom[data-v-0ede5036]:hover{background-color:rgba(0,0,0,.05)}.userBoxCom img[data-v-0ede5036]{width:20px;border-radius:50%}.userBoxCom .name[data-v-0ede5036]{margin-left:5px;margin-right:5px}.userBoxCom .popPanel[data-v-0ede5036]{width:100%;background-color:#747f8c;position:absolute;z-index:1001;top:48px;left:0;border-bottom-left-radius:3px;border-bottom-right-radius:3px;box-shadow:0 0 10px rgba(0,0,0,.3)}.userBoxCom .popPanel li[data-v-0ede5036]{color:#fff;padding:10px 24px}.userBoxCom .popPanel li[data-v-0ede5036]:hover{background-color:rgba(0,0,0,.08)}.userBoxCom .popPanel li[data-v-0ede5036]:last-child{border-top:1px solid rgba(0,0,0,.1)}.home-nav-panel[data-v-decc3f1e]{border:1px solid #ccc}.home-nav-panel .title-panel[data-v-decc3f1e]{background-color:#50bfff;padding:10px 15px}.home-nav-panel .nav-wrap li[data-v-decc3f1e]{padding:8px 10px;cursor:pointer}.customPanel[data-v-178351a3]{border-radius:4px;box-shadow:0 2px 5px rgba(0,0,0,.1);overflow:hidden;background-color:#fff}.customPanel .panelHeader[data-v-178351a3]{height:50px;padding:0 12px;display:flex;align-items:center;border-bottom:rgba(0,0,0,.1);background-color:#fff;font-size:14px}.grade-modal .grade-item{padding:5px 0;cursor:pointer}.grade-modal .grade-item:hover{background-color:#50bfff}.select-project-wrap[data-v-3bec1e78],.selectClassCom[data-v-0c775cf2],.selectClassCom[data-v-60881ce8]{width:100%}.workUpdateModal .processing-wrap{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;z-index:999}.customProgressComm[data-v-80b77860]{position:relative;text-align:center}.customProgressComm .label[data-v-80b77860]{width:100%;text-align:center;position:absolute;z-index:999;font-size:12px;left:0}.workQuestionDetail .el-dialog{margin-top:10vh!important}.workQuestionDetail .el-dialog__body{padding:15px 20px}.workQuestionDetail .titleWrap>*{height:23px;line-height:23px;vertical-align:top}.workQuestionDetail .workTitle{display:inline-block;width:calc(80vw - 300px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workQuestionDetail .showAnswerSwitch{display:inline-block;margin-left:50px;font-size:13px}.workQuestionDetail .showAnswerSwitch .switchStatusTips{margin-left:3px;font-size:12px;color:#888}.workQuestionDetail .qHtml{position:relative}.workQuestionDetail .qHtml img{max-width:100%!important}.work-task-item-wrap[data-v-d7863ece]{position:relative}.work-task-item-wrap .editorBtn[data-v-d7863ece]{position:absolute;right:30px;top:-15px;z-index:2;padding:7px}.work-task-item-wrap .work-task-item[data-v-d7863ece]{position:relative;border:1px solid #ccc;border-radius:3px;padding:10px;overflow:hidden}.work-task-item-wrap .work-task-item[data-v-d7863ece]:hover{border-color:#50bfff}.work-task-item-wrap .work-task-item .title-info[data-v-d7863ece]{display:flex}.work-task-item-wrap .work-task-item .title-info .course-icon[data-v-d7863ece]{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:coral;font-size:18px;font-weight:700;color:#fff}.work-task-item-wrap .work-task-item .title-info .stage-label[data-v-d7863ece]{display:inline-block;text-align:center;padding-top:30px;width:100px;height:50px;background-color:#00d98b;transform:rotate(45deg);font-size:13px;font-weight:600;color:#081b61;position:absolute;top:-18px;right:-42px}.work-task-item-wrap .work-task-item .title-info .work-title[data-v-d7863ece]{cursor:pointer;text-decoration:underline}.work-task-item-wrap .work-task-item .title-info .work-title[data-v-d7863ece]:active{opacity:.6}.work-task-item-wrap .work-task-item .progress-wrap[data-v-d7863ece]{display:flex;justify-content:space-between;padding:20px 0}.work-task-item-wrap .work-task-item .progress-wrap .progress-item-wrap[data-v-d7863ece]{position:relative;width:100px;height:100px;text-align:center}.work-task-item-wrap .work-task-item .progress-wrap .progress-item-wrap .label[data-v-d7863ece]{width:100px;text-align:center;position:absolute;z-index:999;left:0;bottom:10px;font-size:12px}.home-page-wrap{width:100%;height:100%;background-color:#f7f8f9}.home-page-wrap .header{height:50px;line-height:50px;background-color:#fff;padding:0 20px;display:flex;position:fixed;width:100%;z-index:999}.home-page-wrap .body{height:calc(100% - 50px);padding:15px;padding-top:65px!important;display:flex}.home-page-wrap .body .left-panel{width:220px;height:100%;margin-right:15px;background-color:#fff;padding:15px}.home-page-wrap .body .right-panel{height:100%;flex:1}.home-page-wrap .body .right-panel .work-task-panel .work-task-body .work-task-wrap{display:flex;justify-content:space-between;flex-wrap:wrap;padding:0 15px}.home-page-wrap .body .right-panel .work-task-panel .work-task-body .footer{padding:15px;text-align:right}.mainLayout .header[data-v-46fb5cda]{display:flex;height:48px;color:#fff;background-color:#fff}.mainLayout .header .logoWrap[data-v-46fb5cda]{width:199px;height:100%;padding:0 10px;display:flex;align-items:center;border-right:1px solid rgba(0,0,0,.1);box-shadow:0 0 1em rgba(0,0,0,.1);background-color:#367fa9}.mainLayout .header .logoWrap .title[data-v-46fb5cda]{margin-left:10px;color:#fff;font-size:18px;font-weight:700}.mainLayout .mainBody[data-v-46fb5cda]{background-color:#ebf1f2;position:absolute;z-index:0;top:48px;left:0;right:0;bottom:0;display:flex}.mainLayout .mainBody .navWrap[data-v-46fb5cda]{height:100%;overflow:hidden;overflow-y:scroll}.mainLayout .mainBody .navWrap[data-v-46fb5cda]::-webkit-scrollbar{width:0}.mainLayout .mainBody .navWrap>ul[data-v-46fb5cda]{height:100%}.mainLayout .mainBody .navWrap .el-submenu .el-menu-item[data-v-46fb5cda]{padding:0 0 0 45px!important;min-width:170px}.mainLayout .mainBody .contentWrap[data-v-46fb5cda]{height:100%;flex:1;position:relative}.mainLayout .header[data-v-282fcfb0]{display:flex;height:48px;color:#fff;background-color:#3c8dbc}.mainLayout .header .logoWrap[data-v-282fcfb0]{width:199px;height:100%;padding:0 10px;display:flex;align-items:center;border-right:1px solid rgba(0,0,0,.1);box-shadow:0 0 1em rgba(0,0,0,.1);background-color:#367fa9}.mainLayout .header .logoWrap .title[data-v-282fcfb0]{margin-left:10px;color:#fff;font-size:18px;font-weight:700}.mainLayout .mainBody[data-v-282fcfb0]{background-color:#ebf1f2;position:absolute;z-index:0;top:48px;left:0;right:0;bottom:0;display:flex}.mainLayout .mainBody .navWrap[data-v-282fcfb0]{height:100%;overflow:hidden;overflow-y:scroll}.mainLayout .mainBody .navWrap[data-v-282fcfb0]::-webkit-scrollbar{width:0}.mainLayout .mainBody .navWrap>ul[data-v-282fcfb0]{height:100%}.mainLayout .mainBody .navWrap .el-submenu .el-menu-item[data-v-282fcfb0]{padding:0 0 0 45px!important;min-width:170px}.mainLayout .mainBody .contentWrap[data-v-282fcfb0]{height:100%;flex:1;position:relative}.penConnectStateModal[data-v-a210fff4]{position:fixed;left:0;bottom:0;right:0;top:0;background-color:rgba(0,0,0,.3);z-index:999}.penConnectStateModal .pen-battery-warn-modal[data-v-a210fff4]{border-radius:10px;background-color:#fff;position:absolute;left:calc(50% - 300px);top:calc(50% - 200px);width:300px;padding:10px 20px}.penConnectStateModal .pen-battery-warn-modal .modal-header[data-v-a210fff4]{display:flex}.penConnectStateModal .pen-battery-warn-modal .modal-body[data-v-a210fff4]{height:200px}.penConnectStateModal .pen-battery-warn-modal .modal-body .blue-wrap .connect-wrap[data-v-a210fff4]{font-size:14px}.penConnectStateModal .pen-battery-warn-modal .modal-body .blue-wrap .connect-wrap .pen-list-wrap[data-v-a210fff4]{border:1px solid #ccc;border-radius:5px;padding:10px;margin-top:10px;height:60px;width:200px;overflow-y:scroll}.penConnectStateModal .pen-battery-warn-modal .modal-body .blue-wrap .connect-wrap .pen-list-wrap .pen-item[data-v-a210fff4]{display:flex;align-items:center;margin-bottom:15px}.penConnectStateModal .pen-battery-warn-modal .modal-footer .custom-btn[data-v-a210fff4]{font-size:14px!important;height:25px;line-height:25px}#app{height:100%;background-color:#f7f8f9}.el-button.is-round{padding:12px 3px!important}.delete-btn{position:absolute;right:-20px;top:-15px;z-index:2;padding:7px!important}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font-weight:400;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}body{line-height:1}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}body,html{width:100%;height:100%}li,ul{list-style-type:none}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;outline:0}html,html body{width:100%;height:100%}html body{margin:0;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;line-height:1.4;color:#4a4a4a;-webkit-text-size-adjust:100%!important}button{border:0;padding:0}.spreadOut{width:100%;height:100%}.appDocker{width:100vw;height:100vh;position:relative;overflow:hidden;background:#fff}.flex{display:flex;flex-direction:row;justify-content:center}.column{flex-direction:column}.ai-center{align-items:center}.ai-end{align-items:flex-end}.jc-between{justify-content:space-between}.jc-around{justify-content:space-around}.f-wrap{flex-wrap:wrap}.flex1{flex:1}.jc-start{justify-content:flex-start}.bold{font-weight:700}.w100img img{width:100%;height:auto}.dn{display:none}.dn-i{display:none!important}.f12{font-size:12px}.f14{font-size:14px}.f16{font-size:16px}.f18{font-size:18px}.f20{font-size:20px}.f24{font-size:24px}.fb{font-weight:700}.fn{font-weight:400}.text-center{text-align:center}.overflow-hide{overflow:hidden}.tl{text-align:left}.tc{text-align:center}.tr{text-align:right}.bc{margin-left:auto;margin-right:auto}.cb{clear:both}.cl{clear:left}.cr{clear:right}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.vm{verticle-align:middle}.pr{position:relative}.abs-right,.pa{position:absolute}.abs-right{right:0}.zoom{zoom:1}.hidden{visiility:hidden}.none{display:none}.cursor{cursor:pointer}.block{display:block}.nowrap-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fl{float:left}.fl,.fr{display:inline}.fr{float:right}.ml0{margin-left:0!important}.ml5{margin-left:5px}.ml10{margin-left:10px!important}.ml20{margin-left:20px!important}.ml30{margin-left:30px}.ml50{margin-left:50px}.ml70{margin-left:70px}.mr5{margin-right:5px!important}.mr10{margin-right:10px!important}.mr15{margin-right:15px!important}.mr20{margin-right:20px!important}.mr50{margin-right:50px!important}.mt5{margin-top:5px}.mt10{margin-top:10px!important}.mt15{margin-top:15px!important}.mt20{margin-top:20px}.mt30{margin-top:30px}.mt40{margin-top:40px}.mt50{margin-top:50px}.mt100{margin-top:100px}.mb5{margin-bottom:5px}.mb10{margin-bottom:10px!important}.mb15{margin-bottom:15px}.mb20{margin-bottom:20px}.mb30{margin-bottom:30px}.p10{padding:10px}.p15{padding:15px}.p20{padding:20px}.p40{padding:40px}.p50{padding:50px}.p100{padding:100px}.br4{border-radius:4px}.border1{border:1px solid #eaeaea}.text-line1{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.text-line2{-webkit-line-clamp:2}.text-line2,.text-line3{word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.text-line3{-webkit-line-clamp:3}.custom-panel{background:#fff;box-shadow:0 1px 10px 0 hsla(0,0%,71.4%,.3);border-radius:3px;padding:15px}::-webkit-scrollbar{width:7px;height:7px;background-color:#f5f5f5}::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.3);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px;background-color:#f5f5f5}::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.1);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1);background-color:#c8c8c8}.customBackBtn[data-v-7b809b7e]{display:inline-flex;justify-content:center;align-items:center;padding:0 3px;cursor:pointer}