.unread-popover[data-v-24fb1a3f]{-webkit-box-shadow:0 .1875rem .375rem -.25rem rgba(0,0,0,.12),0 .5625rem 1.75rem .5rem rgba(0,0,0,.05);box-shadow:0 .1875rem .375rem -.25rem rgba(0,0,0,.12),0 .5625rem 1.75rem .5rem rgba(0,0,0,.05);-webkit-filter:drop-shadow(0 .375rem 1rem rgba(0,0,0,.08));filter:drop-shadow(0 .375rem 1rem rgba(0,0,0,.08));display:inline-block;line-height:1.25rem;font-weight:400;font-size:.875rem;color:#565d66;background-color:#fff;text-align:center;padding:.5rem 1rem;-webkit-box-sizing:border-box;box-sizing:border-box}.im-left[data-v-24fb1a3f],.im-top[data-v-24fb1a3f]{display:inline-block;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.im-top-recordplayerteaching[data-v-24fb1a3f]{right:10rem}#unreadText[data-v-24fb1a3f]{z-index:1001;position:fixed;top:3.125rem;right:-32.5rem;height:5rem;width:18.125rem;background-color:#fff;-webkit-transition:right 1s,width 1s,background-color 1s;transition:right 1s,width 1s,background-color 1s;overflow-y:hidden;-webkit-box-shadow:0 .1875rem .375rem -.25rem rgba(0,0,0,.12),0 .5625rem 1.75rem .5rem rgba(0,0,0,.05);box-shadow:0 .1875rem .375rem -.25rem rgba(0,0,0,.12),0 .5625rem 1.75rem .5rem rgba(0,0,0,.05);border-radius:.625rem}#unreadText .unread-popovers[data-v-24fb1a3f]{padding:0 .625rem 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}#unreadText .unread-popovers .unread-popover-img[data-v-24fb1a3f]{width:3.125rem;height:3.125rem;border-radius:50%;background-color:#e4e4e4;cursor:pointer}#unreadText .unread-popovers .unread-popover-img .imgteach[data-v-24fb1a3f]{width:3.125rem;height:3.125rem;border-radius:50%}#unreadText .unread-popovers .unread-popover-content[data-v-24fb1a3f]{padding-left:.3125rem;height:5rem;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}#unreadText .unread-popovers .unread-popover-content .unread-popover-text[data-v-24fb1a3f]{font-weight:400;font-size:1rem;padding:.75rem 0 0 0;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;cursor:pointer;position:relative}#unreadText .unread-popovers .unread-popover-content .unread-popover-text .course-list-quantity-Shut[data-v-24fb1a3f]{color:#000;cursor:pointer;font-size:1rem;width:1.125rem;height:1.125rem;margin-top:.1875rem}#unreadText .unread-popovers .unread-popover-content .unread-popover-text .course-list-quantity-Shut[data-v-24fb1a3f]:after,#unreadText .unread-popovers .unread-popover-content .unread-popover-text .course-list-quantity-Shut[data-v-24fb1a3f]:before{position:absolute;content:" ";background-color:#000;right:.75rem;width:.0625rem;height:1.125rem}#unreadText .unread-popovers .unread-popover-content .unread-popover-text .course-list-quantity-Shut[data-v-24fb1a3f]:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}#unreadText .unread-popovers .unread-popover-content .unread-popover-text .course-list-quantity-Shut[data-v-24fb1a3f]:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#unreadText .unread-popovers .unread-popover-content .unread-unreadText[data-v-24fb1a3f]{width:12.1875rem;font-size:.875rem;color:#7b848c;padding:.5rem 0 0;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;cursor:pointer;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.unread-tip[data-v-24fb1a3f]{display:inline-block;-webkit-transform:scale(.8);transform:scale(.8);width:1.625rem;height:1rem;font-size:.75rem;line-height:1rem;text-align:center;color:#fff;background:#e0592e;border-radius:.75rem}.im-top .im-top-button[data-v-24fb1a3f]{height:2rem;background:#fa9e00;border-radius:1rem;font-weight:500;font-size:1rem;color:#fff;cursor:pointer;padding:0 1rem;margin:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.im-top .im-top-button[data-v-24fb1a3f]:hover{background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.06)),to(rgba(0,0,0,.06))),#fa9e00;background:-webkit-linear-gradient(bottom,rgba(0,0,0,.06),rgba(0,0,0,.06)),#fa9e00;background:linear-gradient(0deg,rgba(0,0,0,.06),rgba(0,0,0,.06)),#fa9e00}.im-top .unread-tip[data-v-24fb1a3f]{position:absolute;right:-.3125rem;top:-.25rem}.im-top .unread-popover[data-v-24fb1a3f]{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:2.375rem;z-index:100;white-space:nowrap;border-radius:1.0625rem}.im-top .unread-error[data-v-24fb1a3f],.im-top .unread-loading[data-v-24fb1a3f]{width:1rem;height:1rem;margin-left:.5rem}.im-top .unread-arrow[data-v-24fb1a3f]{position:absolute;left:50%;top:1.5625rem;z-index:101;-webkit-transform:translateX(-50%);transform:translateX(-50%);border:.4375rem solid transparent;border-bottom-color:#fff}.im-left[data-v-24fb1a3f]{width:3.5rem;height:2.5rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}.im-left[data-v-24fb1a3f]:hover{background-color:#3c2b21}.im-left .im-left-img[data-v-24fb1a3f]{width:1.5rem;height:1.5rem;cursor:pointer}.im-left .unread-tip[data-v-24fb1a3f]{position:absolute;right:.0625rem;top:.125rem}.im-left .unread-popover[data-v-24fb1a3f]{position:absolute;right:-13rem;top:.4375rem;z-index:100;width:11rem;border-radius:0 1.25rem 1.25rem 1.25rem;-webkit-box-sizing:content-box;box-sizing:content-box}.im-left .unread-error[data-v-24fb1a3f],.im-left .unread-loading[data-v-24fb1a3f]{position:absolute;right:.625rem;top:.0625rem;width:.75rem;height:.75rem}.im-left .unread-arrow[data-v-24fb1a3f]{position:absolute;right:-.5rem;top:.4375rem;width:.875rem;height:.4375rem;border-radius:.25rem;overflow:hidden;z-index:100;cursor:default}.im-left .unread-arrow[data-v-24fb1a3f]:after{position:absolute;left:0;top:0;content:" ";border:.4375rem solid transparent;border-top-color:#fff}