.modal[data-v-71ed76cd]{position:fixed;inset:0;z-index:10086;background-color:#00000080;display:flex;align-items:center;justify-content:center}.modal .modal-content[data-v-71ed76cd]{min-width:200px;animation:bounce-in .3s forwards}.modal .modal-content .modal-header[data-v-71ed76cd]{display:flex}.modal .modal-content .modal-header .title[data-v-71ed76cd]{flex:1;font-size:13px;color:#777}.modal .modal-content .modal-header .close[data-v-71ed76cd]{width:20px;height:20px;cursor:pointer}.modal .modal-content .modal-header .close img[data-v-71ed76cd]{width:100%;height:100%}.modal .modal-content .modal-body[data-v-71ed76cd]{flex:1;margin-top:10px;font-size:14px;color:#333}.modal .modal-content .modal-footer[data-v-71ed76cd]{display:flex;justify-content:flex-end;margin-top:20px}.modal .modal-content .modal-footer .btn[data-v-71ed76cd]{width:80px;height:30px;line-height:30px;font-size:12px;background-color:#4338ca;cursor:pointer;color:#fff;text-align:center;border-radius:4px;margin-left:10px}.modal .modal-content .modal-footer .btn[data-v-71ed76cd]:hover{opacity:.8}.modal[data-v-6a08e2c6]{position:fixed;inset:0;z-index:10086;background-color:#00000080;display:flex;align-items:center;justify-content:center}.modal .modal-content[data-v-6a08e2c6]{width:800px;animation:bounce-in .3s forwards}.modal .modal-content .modal-header[data-v-6a08e2c6]{display:flex}.modal .modal-content .modal-header .title[data-v-6a08e2c6]{flex:1}.modal .modal-content .modal-header .close[data-v-6a08e2c6]{width:30px;height:30px;cursor:pointer}.modal .modal-content .modal-header .close img[data-v-6a08e2c6]{width:100%;height:100%}.modal .modal-content .modal-body[data-v-6a08e2c6]{flex:1;margin-top:10px}.modal .modal-content .modal-footer[data-v-6a08e2c6]{display:flex;justify-content:flex-end;margin-top:10px}.modal .modal-content .modal-footer .btn[data-v-6a08e2c6]{width:80px;height:30px;line-height:30px;font-size:12px;background-color:#4338ca;cursor:pointer;color:#fff;text-align:center;border-radius:4px;margin-left:10px}.modal .modal-content .modal-footer .btn[data-v-6a08e2c6]:hover{opacity:.8}.content[data-v-b8247109]{display:flex;height:500px}.content .all-list[data-v-b8247109],.content .extract-list[data-v-b8247109]{flex:1;height:100%;overflow-y:auto}.content .btn-block[data-v-b8247109]{height:100%;overflow-y:auto;width:200px;margin-left:20px;margin-right:20px}.content .btn-block .now-student[data-v-b8247109]{text-align:center;font-size:20px;padding:10px 0;color:#333;font-weight:700;border-bottom:1px solid #eee;-webkit-user-select:none;user-select:none;cursor:pointer}.content .btn-block .number-block[data-v-b8247109]{margin-top:20px;display:flex;justify-content:center}.content .btn-block .number-block .number-btn[data-v-b8247109]{width:30px;height:30px;text-align:center;line-height:30px;border-radius:4px;cursor:pointer;border:1px solid #eee;-webkit-user-select:none;user-select:none}.content .btn-block .number-block .number-btn[data-v-b8247109]:hover{opacity:.8}.content .btn-block .number-block .number[data-v-b8247109]{margin:0 10px;height:30px;line-height:30px}.content .btn-block .btn[data-v-b8247109]{width:100%;height:40px;line-height:40px;border-radius:4px;cursor:pointer;color:#fff;text-align:center;margin-top:20px;-webkit-user-select:none;user-select:none}.content .btn-block .btn[data-v-b8247109]:hover{opacity:.8}.content .btn-block .extract-btn[data-v-b8247109]{background-color:#4338ca}.content .btn-block .reset-btn[data-v-b8247109]{background-color:#dc2626}.content .student[data-v-b8247109]{padding:5px 10px;background-color:#eee;font-size:12px;color:#333;border-radius:4px;margin-bottom:10px;cursor:default}.card[data-v-6df9bcef]{background-color:#fff;border-radius:8px;box-shadow:#ccc 0 0 20px;overflow:hidden}.btn[data-v-6df9bcef]{height:30px;line-height:30px;border-radius:4px;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;margin-right:10px;padding:0 10px;font-size:12px}.btn img[data-v-6df9bcef]{margin-right:5px}.btn[data-v-6df9bcef]:hover{opacity:.8}.btn[data-v-6df9bcef]:last-child{margin-right:0}.page[data-v-6df9bcef]{display:flex;background-color:#eee;height:100vh}.page .student-card[data-v-6df9bcef]{width:230px;margin-top:30px;margin-left:80px;height:calc(100vh - 100px);display:flex;flex-direction:column;overflow:hidden}.page .student-card .title[data-v-6df9bcef]{font-weight:700;height:50px;line-height:50px;margin-left:20px;display:flex}.page .student-card .title .random-btn[data-v-6df9bcef]{margin-right:10px;margin-top:10px;margin-left:auto;background-color:violet}.page .student-card .student-list[data-v-6df9bcef]{overflow-y:auto;flex:1}.page .student-card .student-list .student[data-v-6df9bcef]{padding:10px;display:flex;border-bottom:1px solid #eee;cursor:default;font-size:14px;color:#333}.page .student-card .student-list .student[data-v-6df9bcef]:last-child{border-bottom:none}.page .student-card .student-list .student[data-v-6df9bcef]:hover{background:#eee}.page .student-card .student-list .student .name[data-v-6df9bcef]{flex:1;margin-left:20px}.page .student-card .student-list .student .action[data-v-6df9bcef]{width:50px;margin-left:auto;text-align:right;margin-right:20px}.page .right[data-v-6df9bcef]{margin-left:50px;margin-top:30px;margin-right:50px;flex:1;display:flex;flex-direction:column}.page .right .speak-card[data-v-6df9bcef]{height:170px}.page .right .speak-card .send-box[data-v-6df9bcef]{margin-left:20px;margin-right:10px}.page .right .speak-card .send-box .title[data-v-6df9bcef]{font-weight:700;height:50px;line-height:50px}.page .right .speak-card .send-box .tip[data-v-6df9bcef]{color:#777;font-size:14px}.page .right .speak-card .send-box .common-list .common[data-v-6df9bcef]{padding:5px 10px;background-color:#eee;font-size:10px;color:#333;border-radius:4px;margin-right:10px;cursor:pointer}.page .right .speak-card .send-box .send-input[data-v-6df9bcef]{margin-top:20px;display:flex}.page .right .speak-card .send-box .send-input .input[data-v-6df9bcef]{flex:1;margin-right:20px}.page .right .speak-card .send-box .send-input .input input[data-v-6df9bcef]{width:100%;height:30px;outline:none;border:1px solid #ccc;box-sizing:border-box;border-radius:4px;font-size:12px;padding:0 10px}.page .right .speak-card .send-box .send-input .send-btn[data-v-6df9bcef]{background-color:#4338ca}.page .right .speak-card .send-box .send-input .send-btn img[data-v-6df9bcef]{width:20px;height:16px}.page .right .speak-card .send-box .send-input .stop-btn[data-v-6df9bcef]{background-color:#dc2626}.page .right .speak-card .send-box .send-input .stop-btn img[data-v-6df9bcef]{width:12px;height:16px}.page .right .speak-list-card[data-v-6df9bcef]{flex:1;margin-top:20px;margin-bottom:70px;position:relative}.page .right .speak-list-card .export-btn[data-v-6df9bcef]{position:absolute;right:10px;top:10px;background-color:#4338ca;margin-right:0}.page .right .speak-list-card .title[data-v-6df9bcef]{margin-left:20px;font-weight:700;height:50px;line-height:50px}.page .right .speak-list-card .speak-list[data-v-6df9bcef]{height:calc(100% - 50px);overflow-y:auto}.page .right .speak-list-card .speak-list .speak[data-v-6df9bcef]{margin:20px}.page .right .speak-list-card .speak-list .speak .time[data-v-6df9bcef]{font-size:12px;color:#777}.page .right .speak-list-card .speak-list .speak .content[data-v-6df9bcef]{display:flex;margin-top:10px}.page .right .speak-list-card .speak-list .speak .content .play-btn[data-v-6df9bcef]{flex-shrink:0;width:30px;height:30px;line-height:30px;border-radius:4px;background-color:#b0a8ff;text-align:center}.page .right .speak-list-card .speak-list .speak .content .text[data-v-6df9bcef]{margin-left:20px;line-height:30px}body{margin:0}.v-enter-active,.v-leave-active{transition:opacity .5s ease}.v-enter-from,.v-leave-to{opacity:0}.bounce-enter-active{animation:bounce-in .5s}.bounce-leave-active{animation:bounce-in .5s reverse}@keyframes bounce-in{0%{transform:scale(0)}50%{transform:scale(1.25)}to{transform:scale(1)}}.modal-backdrop-enter-from,.modal-backdrop-leave-to{opacity:0}.modal-backdrop-enter-active,.modal-backdrop-leave-active{transition:opacity .3s ease}.modal-content{background:#fff;padding:20px;border-radius:8px;transform:scale(1)}.modal-content-enter-from,.modal-content-leave-to{transform:scale(0)}.modal-content-enter-active,.modal-content-leave-active{transition:transform .5s ease}