.learning-situation-card .canvasEl[data-v-f4fa07c6]{width:100%}.learning-situation-card[data-v-f4fa07c6]{position:relative;width:100%;overflow:hidden;border:1px solid #bfbfbf}.learning-situation-card .canvasEl[data-v-f4fa07c6]{width:92vw;display:block}.learning-situation-card .img-index[data-v-f4fa07c6]{position:absolute;top:-5px;left:-5px;width:30px;height:30px;border-radius:15px;background:#999;text-align:center;line-height:30px;font-size:16px;color:#fff}.learning-situation-card ul[data-v-f4fa07c6]{position:absolute;bottom:4px}.learning-situation-card ul>li[data-v-f4fa07c6]{float:left;width:27vw;height:30px;line-height:30px;text-align:center;background:hsla(0,0%,100%,.55);-webkit-box-shadow:0 0 6px 0 hsla(0,0%,42.7%,.35);box-shadow:0 0 6px 0 hsla(0,0%,42.7%,.35);border-radius:4px;margin-left:12px;font-size:12px;cursor:pointer}.learning-situation-card ul>li[data-v-f4fa07c6]:first-child{margin-left:8px}.learning-situation-card ul li .askpactive[data-v-f4fa07c6]{color:#ff6c00}.learning-situation-card ul li .doultpactive[data-v-f4fa07c6]{color:red}.learning-situation-card ul>li p[data-v-f4fa07c6]{font-size:16px;font-weight:400;color:#033333}.learning-situation-card ul .rate p[data-v-f4fa07c6]{color:#00a84b}.teacheraskbox[data-v-f4fa07c6]{position:absolute;z-index:20;padding-bottom:10px;background-color:#fff;-webkit-box-shadow:0 0 5px 2px rgba(19,19,19,.3);box-shadow:0 0 5px 2px rgba(19,19,19,.3);border-radius:0 0 4px 4px}.teacheraskbox.top[data-v-f4fa07c6]{bottom:55px;left:135px}.teacheraskbox.left[data-v-f4fa07c6]{bottom:55px;left:-135px}.teacheraskbox.bottom[data-v-f4fa07c6]{left:135px}.teacheraskbox.leftbottom[data-v-f4fa07c6]{left:-135px}.teacheraskbox.top[data-v-f4fa07c6]:after{position:absolute;bottom:-20px;left:45px;display:block;content:"";width:0;height:0;border:10px solid rgba(0,0,0,0);border-top-color:#fff}.teacheraskbox.left[data-v-f4fa07c6]:after{position:absolute;bottom:-20px;right:120px;display:block;content:"";width:0;height:0;border:10px solid rgba(0,0,0,0);border-top-color:#fff}.teacheraskbox.bottom[data-v-f4fa07c6]:after{position:absolute;top:-20px;left:45px;display:block;content:"";width:0;height:0;border:10px solid rgba(0,0,0,0);border-bottom-color:#fff}.teacheraskbox.leftbottom[data-v-f4fa07c6]:after{position:absolute;top:-20px;right:120px;display:block;content:"";width:0;height:0;border:10px solid rgba(0,0,0,0);border-bottom-color:#fff}.close[data-v-f4fa07c6]{float:right;font-size:20px;cursor:pointer;width:460px;background:#fff}.close>span[data-v-f4fa07c6]{display:block;float:right;margin-top:13px;margin-right:13px}.close[data-v-f4fa07c6]:hover{color:#137fea}.clearfix[data-v-2b441092]:after{visibility:hidden;height:0;font-size:0;display:block;content:"";clear:both}.clearfix[data-v-2b441092]{*zoom:1}#LearningSituationPage[data-v-2b441092]{position:absolute;left:0;top:0;width:100vw;height:100vh;background:#f5f2f5}.pagetop[data-v-2b441092]{width:100vw;padding:15px 0 15px 15px;background-color:#fff;border-bottom:1px solid #f5f2f5}.pagetop .study[data-v-2b441092]{padding-left:10px;border-left:3px solid #137fea;font-size:16px;font-weight:500;color:#333}.pagetop .content[data-v-2b441092]{width:93vw;padding-top:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.pagetop .content div[data-v-2b441092]{width:13.4vw;height:13.4vw;padding:6px 0;font-size:13px;font-weight:500;color:#333;border:1px solid #c6e3ff;border-radius:2px}.pagetop .content div span[data-v-2b441092]{display:block;width:100%;text-align:center}.pagetop .content div[data-v-2b441092]:first-child{background:url(data:image/png;base64,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) 0 0/100% 100% no-repeat}.pagetop .content div[data-v-2b441092]:nth-child(2){color:#1a8dff}.pagetop .content div[data-v-2b441092]:nth-child(3){color:#28ac49}.pagetop .content div[data-v-2b441092]:nth-child(4){color:#c230ff}.pagetop .content div[data-v-2b441092]:nth-child(5){color:#ff6c00}.pagetop .content div[data-v-2b441092]:nth-child(6){color:red}.header-wrapper[data-v-2b441092]{position:relative;height:50px;padding:0 50px;text-align:center;line-height:50px;background:#001f3e}.header-wrapper .title[data-v-2b441092]{font-size:20px;color:#fff;font-weight:500px}.header-wrapper .back-btn[data-v-2b441092]{position:absolute;left:50px;top:8px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100px;height:34px;background:#fff;border-radius:3px;color:#333;font-size:18px;cursor:pointer}.header-wrapper .back-btn[data-v-2b441092]:hover{color:#137fea}.page-content-wrapper[data-v-2b441092]{width:100vw;height:calc(100% - 110px);margin:0 auto 0 auto;padding:20px;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.page-content-wrapper .canvasitem[data-v-2b441092]{width:92vw;position:relative}.page-content-wrapper .top span[data-v-2b441092]{padding-left:10px;border-left:3px solid #137fea;font-size:16px;font-weight:500;color:#333}.page-content-wrapper>div[data-v-2b441092]{position:relative;float:left;width:92vw;margin-bottom:20px}