| 1 |
- @charset "UTF-8";body{--mc:#03aebc;--tc:#36536d;--brc:#80baef;--bgc:#e9f2fd;--bg:rgba(255,255,255,.4);font-family:"Source Han Sans";}.box .box-header{display:flex;height:35px;width:100%;background:linear-gradient(90deg,rgba(82,197,233,.411765) 0%,rgba(59,221,243,.12549) 35.99%,rgba(67,219,252,.00784314) 87.02%);box-shadow:inset 0 -2px 4px rgba(117,185,248,.52);border-bottom:1px solid rgba(98,156,215,.05);position:relative;}.box .box-header .title{--w:47px;display:flex;position:relative;height:100%;padding-left:5px;margin-left:var(--w);font-size:18px;font-weight:600;color:#094b88;align-items:center;}.box .box-header .title:before{content:"";position:absolute;left:calc(1px - var(--w));height:100%;width:var(--w);background:url("/Content/Image/ExerciseV2/title_icon.svg") no-repeat;background-size:100% 100%;}.btn{margin:5px auto;padding:8px 20px;background:#03aebc;border-radius:8px;color:#daedff;font-size:16px;}.btn.btn-small{font-size:14px;padding:3px 12px;border-radius:4px;}.btn:hover{background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1));border-color:rgba(0,0,0,.1);color:#daedff;font-weight:600;}.vb-btn{color:#176bbc;font-size:14px;padding:5px 10px;background-image:url("/Content/Image/ExerciseV2/btn.png");background-repeat:no-repeat;background-size:100% 100%;font-weight:600;}.vb-btn.active{color:#fff;background-image:url("/Content/Image/ExerciseV2/btn-active.png");}.form .form-control{background:var(--bgc);color:var(--tc);border-radius:4px;border:1px solid #b5cce2;font-size:1rem;}.form .form-control:active,.form .form-control:focus{border:1px solid var(--brc);}.select2-container{--h:38px;font-size:1rem;}.select2-container.select2-container--open .select2-selection--single{border-color:var(--brc);}.select2-container .select2-selection--single{border-radius:4px!important;background:var(--bgc);border:1px solid #b5cce2;height:var(--h);line-height:var(--h);color:var(--tc);padding:0 15px;}.select2-container .select2-selection--single .select2-selection__rendered{color:inherit;margin:0;padding:0;line-height:var(--h);font-size:1rem;}.select2-container .select2-selection--single .select2-selection__arrow{right:8px;height:var(--h);}.select2-container .select2-dropdown{background:#fefefe;border:1px solid #b5cce2;border-radius:4px;margin-top:2px;}.select2-container .select2-dropdown .select2-search{padding:8px 10px;}.select2-container .select2-dropdown .select2-search .select2-search__field{border:1px solid var(--brc);background:var(--bgc);color:var(--tc);border-radius:4px;}.select2-container .select2-dropdown .select2-results .select2-results__option{color:var(--tc);}.select2-container .select2-dropdown .select2-results .select2-results__option.select2-results__option--highlighted{background:#e7edf4;}.select2-container .select2-dropdown .select2-results .select2-results__option.select2-results__option[aria-selected=true]{background:#ecf3fc;font-weight:600;}body{font-size:22px;color:var(--mc);width:100vw;}.main-box{border-left:0;box-sizing:padding-box;padding:0;margin:0;}.main-box .main-box-body{margin:0 30px 0;}.main-box>div{display:flex;flex:1 auto;}.box{margin:0 10px;font-size:1.25rem;}.box>.box{margin:0;width:100%;height:100%;border:2px solid #fff;border-radius:10px;}.box .box-header{height:50px;border-radius:10px 10px 0 0;position:relative;}.box .box-header .title{--w:50px;font-size:22px;}.box .box-body{background:linear-gradient(174.54deg,rgba(204,224,248,.76) .23%,rgba(242,249,255,.76) 120.71%);overflow-y:auto;margin:0;padding:10px 10px 0;height:calc(100% - 50px);}.box .scene-box-body{background:linear-gradient(174.54deg,rgba(204,224,248,.76) .23%,rgba(242,249,255,.76) 120.71%);overflow-y:auto;margin:0;padding:10px 10px 0;height:calc(100% - 50px);}.box .scene-box-body .box-body{background:none;margin:0;padding:0;}.box .media-box{width:98%;margin:10px auto 0;border:2px solid #4585cc;border-radius:5px;background:var(--bg);}.box .media-box .body-content{display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow:hidden;}.box .media-box .body-content span{color:#4585cc;font-size:30px;font-weight:600;display:block;}.box .media-box .body-content img,.box .media-box .body-content video{width:auto;height:100%;padding:0;overflow:hidden;}.box .scene-box{width:100%;margin:8px 0;display:flex;flex-direction:column;}.box .scene-box .title{width:100%;color:#fff;background:none;position:relative;height:35px;border-bottom:2px solid #4585cc;}.box .scene-box .title span.text{display:inline-block;padding:0 20px;line-height:35px;text-align:center;min-width:250px;max-width:300px;background:#4585cc;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:600;}.box .scene-box .title span.text:after{position:absolute;content:"";right:-1px;height:0;width:0;border-left:10px solid #4585cc;border-bottom:18px solid #4585cc;border-right:10px solid none;border-top:18px solid none;}.box .scene-box .title .attach-box,.box .scene-box .title .tool{position:absolute;font-size:.875rem;right:40px;top:5px;}.box .scene-box .title .tool{right:10px;top:10px;color:#4585cc;opacity:1;}.box .scene-box .title .attach1{color:#fff;background:#4585cc;margin:0 5px;padding:3px 8px;}.box .scene-box .guide-box{margin:10px 0;padding:10px;background:var(--bg);border-radius:5px;}.box .scene-box .guide-box p{margin:0;font-size:13px;}.box .scene-box .guide-box .guide-title{font-weight:600;}.box .scene-box .desc{padding:8px;color:#36536d;background:var(--bg);white-space:normal;word-break:break-word;min-height:40px;font-size:16px;}.box .scene-box.handled .title{background:var(--bc);}.box .scene-box.handled .title span.text{font-size:90%;font-weight:400;background:#4585cc;}.box .scene-box.handled .title span.text:after{border-left-color:#4585cc;border-bottom-color:#4585cc;border-right-color:none;border-top-color:none;}.box .scene-box.current-scene{border:2px solid #4585cc;}.box .scene-box.flash-scene{animation:flash 2s 10;}.box .log-box{width:calc(100% - 20px);min-height:60px;display:flex;flex-direction:column;color:#415b73;background:var(--bg);border-radius:8px;font-size:18px;margin:8px auto;padding:5px 10px;}.box .log-box .content{width:100%;display:flex;flex-direction:column;padding:5px;padding-right:15px;}.box .log-box .content .title{display:flex;align-items:flex-start;}.box .log-box .content .title .role{font-weight:600;font-size:16px;color:#094888;}.box .log-box .content .title .scene-name{margin-left:10px;font-size:12px;padding:1px 5px;border-radius:3px;background:rgba(69,133,204,.1);border:1px solid #094888;color:#094b88;}.box .log-box .content .text{font-size:14px;color:#36536d;padding-left:15px;position:relative;}.box .log-box .content .text:before{content:"";position:absolute;width:8px;height:8px;border-radius:8px;left:0;top:50%;transform:translateY(-50%);background:#999;}.box .log-box .reviews-box{display:flex;justify-content:flex-end;color:var(--mc);cursor:pointer;}.box .log-box .reviews-box .disabled{cursor:not-allowed;}.box .log-box .reviews-box i{font-size:15px;margin:0 5px;}.box .log-box .reviews-box .fas:nth-child(1){color:#007bff;}.box .log-box .reviews-box .fas:nth-child(2){color:#dc3545;}.box .log-box.send .title .role{color:#03aebc;}.box .log-box.send .text:before{background:#03aebc;}.box .log-box.send .btn{background:#36536d;color:#fff;}.box .role-box{display:flex;flex-wrap:wrap;justify-content:center;}.box .role-box .role{width:calc(50% - 20px);height:50px;margin:6px;padding:0 5px;font-size:14px;display:flex;justify-content:center;align-items:center;text-align:center;white-space:normal;word-break:break-all;color:var(--tc);border:1px solid var(--brc);background:var(--bg);border-radius:5px;cursor:pointer;overflow:hidden;}.box .score-box{font-size:14px;margin:5px;padding:8px 15px;display:flex;justify-content:space-between;border-radius:5px;color:#262626;background:var(--bg);}.box .score-box .name{width:130px;line-height:30px;border-radius:5px;background:#03aebc;color:#fff;text-align:center;font-size:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.box .score-box .score{font-size:110%;font-weight:600;color:#094b88;line-height:30px;text-align:center;}.box .score-box .score span{padding-left:10px;font-size:1rem;font-weight:400;}.box .score-box.system-score .name{font-size:16px;font-weight:600;}.box.plan-box{margin:5px 10px;border:1px solid #a5d4f4;border-radius:5px 5px 0 0;display:flex;flex-direction:column;background:linear-gradient(174.54deg,rgba(204,224,248,.76) .23%,rgba(242,249,255,.76) 120.71%);}.box.plan-box .plan-name{width:100%;background:#a5d4f4;color:#fff;padding:5px 0;text-align:center;cursor:pointer;}.box.plan-box .plan-role{width:100%;padding:5px 15px;display:flex;flex-wrap:wrap;justify-content:flex-start;}.box.plan-box .plan-role .role{width:calc(25% - 12px);height:50px;font-size:14px;padding:0 5px;margin:6px;display:flex;justify-content:center;align-items:center;text-align:center;white-space:normal;word-break:break-all;color:var(--tc);border:1px solid var(--brc);background:var(--bg);border-radius:5px;cursor:pointer;overflow:hidden;}.modal .modal-header{color:var(--tc);}.modal .modal-header .close{font-size:30px;}.modal .modal-footer{justify-content:center;}.modal .modal-footer .btn{margin:0;}.modal .modal-footer .btn-outline-iwb{background:#f5f5f5;color:#36536d;border:1px solid #f3f3f3;}.modal .modal-footer .btn-iwb{margin:0 15px;padding:8px 20px;background:#03aebc;border-color:#03aebc;border-radius:8px;color:#daedff;font-size:16px;}.load-box{position:fixed;top:0;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;font-size:40px;font-weight:400;color:#094b88;z-index:1000;background:rgba(255,255,255,.6);}.load-box .loading{margin-top:-10%;}.load-box .loading:after{overflow:hidden;display:inline-block;vertical-align:bottom;animation:ellipsis 2s infinite;content:"…";}.question-box button{--w:80px;width:var(--w);height:var(--w);border-radius:var(--w);position:absolute;right:300px;z-index:5;background-color:#dc3545;color:#fff;border:0;outline:0;}.question-box button:hover{background-color:#bd2130;}.question-box button i{font-size:40px;}.question-box button:not(:hover){animation:1s shine ease-in-out infinite;}.question-box button:not(:hover) i{animation:1s flashing ease-in-out infinite;}.modal .question{font-size:18px;margin-bottom:10px;}.btn-box{position:absolute;top:15px;left:50px;}.btn-box.btn-box-right{top:5px;left:auto;right:40px;}.btn-box .btn-question{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;}.btn-box .btn-question .img{--w:40px;width:var(--w);height:var(--w);}.btn-box .btn-question .text{color:#fff;font-size:14px;}.btn-box .btn-question .dot{display:none;width:10px;height:10px;border-radius:10px;background:#f00;position:absolute;top:2px;right:6px;animation:1s flashing ease-in-out infinite;}.btn-box .btn-question.notity .dot{display:block;}.stu-question-box{position:fixed;top:0;left:0;z-index:10;width:100vw;height:100vh;background-color:rgba(0,0,0,.2);display:flex;justify-content:center;align-items:center;}.stu-question-box .question-box-body{position:relative;z-index:20;}.stu-question-box .question-box-body .close-icon{--w:35px;--t:-70px;width:var(--w);height:var(--w);border-radius:var(--w);position:absolute;top:var(--t);right:var(--t);background:#5f7790;color:#fff;font-size:14px;font-weight:400;display:flex;justify-content:center;align-items:center;cursor:pointer;}.stu-question-box .question-box-body .close-icon :hover{background:#405b76;}.stu-question-box .question-bg-box{--h:624px;width:888px;height:var(--h);z-index:11;background-image:url("/Content/Image/ExerciseV2/msg02.png");}.stu-question-box .question-bg-box .close-icon{top:0;right:-70px;}.stu-question-box .questions-box{width:100%;transform:translate(70px,90px);height:calc(var(--h) - 140px);background:#fff;background:linear-gradient(106.01deg,#f3e1f1 3.44%,#e7ecf5 16.08%,#f1f3ff 45.1%,#d1d9f7 97.06%);border-radius:10px;padding:10px 15px;color:#36536d;}.stu-question-box .questions-box .question-header{width:100%;height:50px;display:flex;justify-content:center;align-items:center;padding-bottom:10px;}.stu-question-box .questions-box .questions{display:flex;flex-direction:column;height:250px;overflow-y:auto;padding:5px;}.stu-question-box .questions-box .questions .question-item{display:flex;flex-direction:column;}.stu-question-box .questions-box .questions .question-item .question,.stu-question-box .questions-box .questions .question-item .answers{padding:6px 2px 6px 35px;position:relative;font-size:14px;display:flex;color:#36536d;}.stu-question-box .questions-box .questions .question-item .question:before,.stu-question-box .questions-box .questions .question-item .answers:before{content:"";position:absolute;top:10px;left:2px;width:26px;height:26px;}.stu-question-box .questions-box .questions .question-item .question{display:flex;justify-content:space-between;align-items:center;width:100%;font-weight:600;border-bottom:1px dashed #36536d;}.stu-question-box .questions-box .questions .question-item .question .btn{margin:0 8px;white-space:nowrap;padding:4px 15px;border-radius:3px;}.stu-question-box .questions-box .questions .question-item .question:before{background-image:url("/Content/Image/ExerciseV2/stu-question.png");}.stu-question-box .questions-box .questions .question-item .question.has-answer .btn{background:rgba(204,224,248,.76);color:#36536d;}.stu-question-box .questions-box .questions .question-item .answers{flex-direction:column;margin-bottom:1px;}.stu-question-box .questions-box .questions .question-item .answers .answer{padding:4px 0;}.stu-question-box .questions-box .questions .question-item .answers .answer.answer-empty{color:#aaa;}.stu-question-box .questions-box .questions .question-item .answers:before{background-image:url("/Content/Image/ExerciseV2/stu-answer.png");}.stu-question-box .questions-box .question-form{position:relative;padding-top:20px;}.stu-question-box .questions-box .question-form .question{display:flex;font-size:16px;font-weight:600;padding-bottom:10px;}.stu-question-box .questions-box .question-form .question img{width:42px;height:42px;margin-right:8px;}.stu-question-box .questions-box .question-form .question .text{display:flex;align-items:center;}.stu-question-box .questions-box .question-form textarea{height:80px;padding-right:110px;}.stu-question-box .questions-box .question-form .send-btn{margin:0;position:absolute;bottom:20px;right:20px;}.stu-question-box .questions-box .question-form .send-btn:disabled{background:#d3d9df;color:#fff;}.stu-question-box .questions-box .empty{width:100%;height:300px;display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:14px;font-weight:600;margin-top:-30px;}.stu-question-box .questions-box .empty img{width:80px;height:84px;}.stu-question-box .questions-box .empty .text{margin-top:10px;color:#aaa;}.stu-question-box .new{width:840px;height:464px;background-image:url("/Content/Image/ExerciseV2/msg01.png");animation:1.5s shake ease-in-out infinite;}@keyframes flashing{0%{opacity:1;transform:scale(1);}50%{opacity:.5;transform:scale(.9);}100%{opacity:1;transform:scale(1);}}@keyframes shine{0%{filter:drop-shadow(0 0 5px #c82333);}100%{filter:drop-shadow(0 0 15px #c82333);}}@keyframes shake{0%,100%{filter:drop-shadow(0 0 5px #457ddd);}10%,90%{transform:translate3d(-1px,0,0);}20%,80%{transform:translate3d(2px,0,0);}30%,70%{transform:translate3d(-4px,0,0);}40%,60%{transform:translate3d(4px,0,0);}50%{filter:drop-shadow(0 0 15px #457ddd);transform:translate3d(-4px,0,0);}}@keyframes flash{0%{transform:scale(1,1.05);}50%{transform:scale(.98,.85);}100%{transform:scale(1,1.05);}}
|
