/*胜友网络2021年前端主题*/
.pull-right{float:right!important}.pull-left{float:left!important}a{color:#ee6e39;text-decoration:none}a:hover{color:#97310e;text-decoration:underline}.red{color:red}.syred{color:#ee6e39}.grey{color:grey}.white{color:white}.green{color:green}.sycircle{color:#ee6e39;font-size:0.5rem;margin-right:5px}.syoptional{color:forestgreen;font-size:0.5rem;margin-right:8px}.btn-circle{width:45px;height:45px;line-height:45px;text-align:center;padding:0;border-radius:50%}.btn-circle-sm{width:45px;height:45px;line-height:25px;font-size:0.9rem;background-color:#f08f6b;border-color:#f08f6b}.btn-circle-sm .btn-circle-icon{margin-top:8px}.selector-for-some-widget{box-sizing:content-box}.icons{display:grid;max-width:100%;grid-template-columns:repeat(auto-fit,minmax(100px,1fr) );gap:1.25rem}.icon{background-color:var(--bs-light);border-radius:.25rem}.bi{margin:.25rem;font-size:2.5rem}.label{font-family:var(--bs-font-monospace)}.label{display:inline-block;width:100%;overflow:hidden;padding:.25rem;font-size:.625rem;text-overflow:ellipsis;white-space:nowrap}.btn-round{border-radius:40px;-webkit-border-radius:40px;-moz-border-radius:40px;font-size:12px;padding-top:4px;padding-bottom:4px}.bg-black{background-color:#2d2d2d!important;border-color:#2d2d2d}.sylogo{width:2rem;height:3rem;margin-top:-8px}.tonav-right-padding{padding-right:20rem}@media (min-width:120px){.company-name{margin-top:3px;color:#868686;font-size:1rem}.loginreg-btton{font-size:1rem}}@media (min-width:576px){.company-name{margin-top:3px;color:#868686;font-size:1.2rem}.loginreg-btton{font-size:1.2rem}}@media (min-width:768px){.company-name{margin-top:5px;color:#868686;font-size:1.5rem}.loginreg-btton{font-size:1.2rem}}.btn-grey{background-color:#2d2d2d;border:solid 1px;border-color:#7f7f7f;color:#7f7f7f}.btn-grey:hover,.btn-grey:active,.btn-grey.active,.btn-grey.disabled,.btn-grey[disabled]{background-color:#c30;*background-color:#c30}.btn-horizon-margin{margin-right:2px;margin-left:2px}.login-registry-btn{margin-top:4px;margin-bottom:4px;margin-right:50px;text-align:right;font-size:1.2rem}@media (min-width:120px){#sylive-download-block{background-size:cover;background-image:url(../img/sylive-bg.png);background-repeat:no-repeat;background-position:center;position:relative;width:100%;height:5rem;display:inline-block}.body-margin{margin:0 0 0 0;background-color:#f1f0f0}}@media (min-width:320px){#sylive-download-block{background-size:cover;background-image:url(../img/sylive-bg_25.png);background-repeat:no-repeat;background-position:center;position:relative;width:100%;height:10rem}.body-margin{margin:0 0 0 0}}@media (min-width:576px){#sylive-download-block{background-size:cover;background-image:url(../img/sylive-bg_50.png);background-repeat:no-repeat;background-position:center;position:relative;width:100%;height:15rem}.body-margin{margin:0 0 0 0}}@media (min-width:768px){#sylive-download-block{background-size:cover;background-image:url(../img/sylive-bg_75.png);background-repeat:no-repeat;background-position:center;position:relative;width:100%;height:18rem}.body-margin{margin:0 0 0 0}}@media (min-width:992px){#sylive-download-block{background-size:cover;background-image:url(../img/sylive-bg.png);background-repeat:no-repeat;background-position:center;position:relative;width:100%;height:20rem}.body-margin{margin:0 0 0 0}}@media (min-width:1200px){#sylive-download-block{background-size:cover;background-image:url(../img/sylive-bg.png);background-repeat:no-repeat;background-position:center;position:relative;width:100%;height:22rem}.body-margin{margin:0 0.5rem 0 0.5rem}}@media (min-width:320px){.sylive-describe{background-color:transparent;margin-left:5rem;padding-top:1rem;color:white;text-align:left}.sylive-describe .title{background-color:transparent;font-family:FZLTZHK--GBK1-0;font-size:0.8rem;font-weight:normal;font-stretch:normal;line-height:10px;letter-spacing:0;color:#fff}.sylive-describe .high-light{text-align:left;font-size:0.3rem}}@media (min-width:768px){.sylive-describe{background-color:transparent;margin-left:15rem;padding-top:4rem;color:white;text-align:left}.sylive-describe .title{background-color:transparent;font-family:FZLTZHK--GBK1-0;font-size:2rem;font-weight:normal;font-stretch:normal;line-height:10px;letter-spacing:0;color:#fff}.sylive-describe .high-light{margin-top:1.2rem;text-align:left;font-size:1.2rem}.img-container{position:relative}.service-button{display:block;width:5rem;height:5rem;margin-left:0.2rem;margin-top:0.2rem}.img-overlay{position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;opacity:0;transition:.5s ease;background-color:#008CBA}.img-container:hover .img-overlay{opacity:1}.qr-button{width:5rem;height:5rem;float:right}}.download-btn-pc{font-size:1.2rem;border-color:white;margin-top:2rem}.download-btn-mobile{font-size:1rem;border-color:white}.img-sy-avatar{display:block;width:100px;height:100px;padding:1px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.image-text-combine{position:relative;width:6rem}.image-text-combine p{position:absolute;font-family:FZLTZHK--GBK1-0;font-size:1rem;font-weight:normal;font-stretch:normal;line-height:10px;letter-spacing:0;color:#2d1859;width:10rem;text-align:center;top:80%;left:50%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin:0;padding:0}.image-text-combine img{width:6rem;height:6rem}.service-qr{display:block;background-color:white;border-radius:4px;margin-left:auto!important;margin-right:auto!important;margin-bottom:1.2rem;float:none!important;text-align:center;width:100px}.service-qr img{width:100px;height:100px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.service-qr p{color:#69c;font-family:FZLTZHK--GBK1-0;font-size:1rem;font-weight:normal;font-stretch:normal;margin-bottom:1px}.reg-dialog-style{text-align:center}.reg-dialog-style .title{color:#f60;font-size:2rem;font-weight:normal;font-stretch:normal;margin:0 auto;width:100%}.reg-dialog-style .input-row{text-align:center;margin-bottom:1rem}.reg-dialog-style .input-box{border-top-style:none;border-right-style:none;border-left-style:none;border-bottom-style:inset;font-size:1.1rem}div.center,p.center,img.center{float:none!important;display:block;text-align:center}.modal-content .center{margin-left:unset;margin-right:unset;float:none!important;display:block;text-align:center}.hide{display:none!important}.sidebar-nav{width:225px;float:left}.content-wrap{float:right}@media only screen and (min-width:768px){.content-wrap{width:calc(100vw - 310px)}}.bars .btn.btn-primary,.bars .btn.btn-primary{background:transparent;color:#1BBDC4;border:none}.bars .btn i:before,.bars .btn i:before{padding-right:5px}.footer{font-size:14px;color:#3F4C65}.students-wrap .box-header{height:46px;background:#3F4C65;padding:0 20px}.students-wrap .box-header h2,.students-wrap .box-header a{margin-top:0;padding:0;display:inline-block;line-height:46px;font-size:16px;color:#FFF}.students-wrap .box-content{padding:0}table.table{background:#fff}table.table th{font-weight:normal}table.table td{vertical-align:middle;border-bottom:1px solid #ddd;height:50px}table.table thead .table-sy2021{background-color:#f60;color:white}#lessonstudent td img{width:40px;height:40px}table.table td .editable{border:none;color:#7B8595}table.table td .editable:after{content:'';display:inline-block;width:14px;height:14px;margin-left:5px;background:url(../img/edit.png) center center no-repeat;background-size:contain}table.table th .th-inner{padding:10px 0}table.table th:first-child{text-align:center!important}tr.active{background-color:#F48F97}.edit-pencil{display:inline-block;width:14px;height:14px;margin-left:5px}.try-classroom-text{font-size:1.1rem;font-weight:normal;font-stretch:normal;line-height:1rem;letter-spacing:0rem;color:#6f6f6f;margin:0.6rem 0 0 0.2rem}.copyright{text-align:center;font-size:0.5rem}.sy-avatar-0{background-image:url(/img/avatars.png);background-repeat:no-repeat;width:425px;height:425px;border:solid 1px;border-radius:16rem;border-color:#dd4814;background-position:-75px -65px}.sy-avatar-1{background-image:url(/img/avatars.png);background-repeat:no-repeat;width:425px;height:425px;border:solid 1px;border-radius:16rem;border-color:#dd4814;background-position:-542px -65px}.sy-avatar-2{background-image:url(/img/avatars.png);background-repeat:no-repeat;width:425px;height:425px;border:solid 1px;border-radius:16rem;border-color:#dd4814;background-position:-1011px -65px}.sy-avatar-3{background-image:url(/img/avatars.png);background-repeat:no-repeat;width:425px;height:425px;border:solid 1px;border-radius:16rem;border-color:#dd4814;background-position:-1477px -65px}.sy-avatar-4{background-image:url(/img/avatars.png);background-repeat:no-repeat;width:425px;height:425px;border:solid 1px;border-radius:16rem;border-color:#dd4814;background-position:-75px -534px}.sy-avatar-5{background-image:url(/img/avatars.png);background-repeat:no-repeat;width:425px;height:425px;border:solid 1px;border-radius:16rem;border-color:#dd4814;background-position:-542px -534px}.sy-avatar-6{background-image:url(/img/avatars.png);background-repeat:no-repeat;width:425px;height:425px;border:solid 1px;border-radius:16rem;border-color:#dd4814;background-position:-1011px -534px}.sy-avatar-7{background-image:url(/img/avatars.png);background-repeat:no-repeat;width:425px;height:425px;border:solid 1px;border-radius:16rem;border-color:#dd4814;background-position:-1477px -534px}.sy-avatar-8{background-image:url(/img/avatars.png);background-repeat:no-repeat;width:425px;height:425px;border:solid 1px;border-radius:16rem;border-color:#dd4814;background-position:-75px -1003px}.sy-avatar-9{background-image:url(/img/avatars.png);background-repeat:no-repeat;width:425px;height:425px;border:solid 1px;border-radius:16rem;border-color:#dd4814;background-position:-542px -1003px}.sy-avatar-10{background-image:url(/img/avatars.png);background-repeat:no-repeat;width:425px;height:425px;border:solid 1px;border-radius:16rem;border-color:#dd4814;background-position:-1011px -1003px}.sy-avatar-11{background-image:url(/img/avatars.png);background-repeat:no-repeat;width:425px;height:425px;border:solid 1px;border-radius:16rem;border-color:#dd4814;background-position:-1477px -1003px}.sy-avatar-12{background-image:url(/img/avatars.png);background-repeat:no-repeat;width:425px;height:425px;border:solid 1px;border-radius:16rem;border-color:#dd4814;background-position:-75px -1472px}.sy-avatar-13{background-image:url(/img/avatars.png);background-repeat:no-repeat;width:425px;height:425px;border:solid 1px;border-radius:16rem;border-color:#dd4814;background-position:-542px -1472px}.sy-avatar-14{background-image:url(/img/avatars.png);background-repeat:no-repeat;width:425px;height:425px;border:solid 1px;border-radius:16rem;border-color:#dd4814;background-position:-1011px -1472px}.sy-avatar-15{background-image:url(/img/avatars.png);background-repeat:no-repeat;width:425px;height:425px;border:solid 1px;border-radius:16rem;border-color:#dd4814;background-position:-1477px -1472px}.img-percent-90{zoom:0.9}.img-percent-80{zoom:0.8}.img-percent-70{zoom:0.7}.img-percent-60{zoom:0.6}.img-percent-50{zoom:0.5}.img-percent-40{zoom:0.4}.img-percent-30{zoom:0.3}.img-percent-20{zoom:0.2}.img-percent-10{zoom:0.1}.syavatar{zoom:0.15}p.head1-sy2021{font-size:1.5rem;font-weight:normal;font-stretch:normal;line-height:1rem;letter-spacing:0rem;color:#6f6f6f;margin:0.6rem 0 0 0.2rem}i.icon-sy2021{color:#6f6f6f;font-size:3rem}@media (min-width:120px){.school-card{width:9rem;height:12rem;background-color:#fff;border:1px solid #dee2e6;border-radius:4px}.school-card-empty{width:9rem;height:12rem}.school-card-active{box-shadow:5px 5px 5px #888;border:1px solid #dd4814}.school-card-status{margin-top:-12px;margin-right:0;width:100%;height:auto}.school-logo{margin-top:1.2rem;border-radius:50%;background-repeat:no-repeat;width:4rem;height:4rem}.school-name{margin-top:0.5rem;margin-bottom:0.3rem;color:black;font-size:1rem}.school-category{font-size:0.8rem;margin-bottom:0.5rem}.school-student{width:100%;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem;padding:0 0.2rem 0 0.2rem}.school-student-info{font-size:0.5rem;margin-top:0.3rem;margin-bottom:0rem}}@media (min-width:768px){.school-card-empty{width:10rem;height:14rem}.school-card{width:10rem;height:14rem;background-color:#fff;border:1px solid #dee2e6;border-radius:4px}.school-card-active{box-shadow:5px 5px 5px #888;border:1px solid #dd4814}.school-card-status{margin-top:-10px;margin-right:0;width:100%;height:auto}.school-logo{margin-top:1.2rem;border-radius:50%;background-repeat:no-repeat;width:5rem;height:5rem}.school-name{margin-top:0.5rem;margin-bottom:0.1rem;color:black;font-size:1.3rem}.school-category{font-size:0.9rem;margin-bottom:0.5rem}.school-student{width:100%;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem;padding:0 0.2rem 0 0.2rem}.school-student-info{font-size:0.7rem;margin-top:0.2rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem}}@media (min-width:120px){.sy2021-form-input-group{text-align:center;margin-top:0.5rem;margin-bottom:0.5rem}.sy2021-form-label{color:black;font-size:0.8rem;font-weight:normal;margin-left:0rem;margin-right:0.5rem}.sy2021-form-input{color:black;font-size:0.7rem;font-weight:normal;margin-left:0.5rem;margin-right:0.5rem}.sy2021-dialog-input-group{text-align:center;margin-top:0.5rem;margin-bottom:0.5rem}.sy2021-dialog-label{color:black;font-size:1rem;font-weight:normal;margin-left:0.1rem;margin-right:0.3rem}.sy2021-dialog-input{color:black;font-size:0.7rem;font-weight:normal;margin-left:0.5rem;margin-right:0.5rem}}@media (min-width:768px){.sy2021-form-input-group{text-align:center;margin-top:1.5rem;margin-bottom:1rem}.sy2021-form-label{color:black;font-size:1rem;font-weight:normal;margin-left:0rem;margin-right:0.5rem}.sy2021-form-input{color:black;font-size:1rem;font-weight:normal;margin-left:0.5rem;margin-right:0.5rem}.sy2021-dialog-input-group{text-align:center;margin-left:1rem;margin-right:1rem;margin-top:1rem;margin-bottom:1rem}.sy2021-dialog-label{color:black;font-size:1rem;font-weight:normal;margin-left:0.2rem;margin-right:0.5rem}.sy2021-dialog-input{color:black;font-size:1rem;font-weight:normal;margin-left:0.5rem;margin-right:1rem;width:80%}}.sy2021-dialog-input{text-align:center}.sy2021-dialog-input label{margin-top:0.5rem;margin-right:0.5rem}.wrapper{display:flex;width:100%;align-items:stretch}@media (min-width:120px){#sidebar{min-width:11rem;max-width:16rem;background:#fff;color:#26272b;border-radius:4px}}@media (min-width:768px){#sidebar{min-width:16rem;max-width:16rem;background:#fff;color:#26272b;border-radius:4px}}#sidebar .sidebar-header{padding:20px;background:#6d7fcc}@media (min-width:120px){#sidebar ul li{height:1.5rem;margin-top:0.5rem;margin-bottom:0.5rem}#sidebar ul li a{padding:10px;font-size:1em;display:block;font-family:HiraginoSansGB-W3;font-weight:normal;font-stretch:normal;line-height:1rem;letter-spacing:0.05rem;color:#26272b}}@media (min-width:768px){#sidebar ul li{height:2rem;margin-top:1rem;margin-bottom:1rem}#sidebar ul li a{padding:10px;font-size:1.3em;display:block;font-family:HiraginoSansGB-W3;font-weight:normal;font-stretch:normal;line-height:1rem;letter-spacing:0.1rem;color:#26272b}}#sidebar ul li a:hover{background-color:#fdf0ec;border-color:red;border-top-style:none;border-right-style:none;border-left-style:inset;border-bottom-style:none;border-width:10px}#content{width:100%;padding:20px;min-height:100vh;transition:all 0.3s}#sidebarCollapse{width:30px;height:30px;background:#a6a7a9;cursor:pointer;border-radius:4px}#sidebarCollapse span{width:80%;height:2px;margin:0 auto;display:block;background:#555;transition:all 0.8s cubic-bezier(0.810,-0.330,0.345,1.375);transition-delay:0.2s}#sidebarCollapse span:first-of-type{transform:rotate(45deg) translate(2px,2px)}#sidebarCollapse span:nth-of-type(2){opacity:0}#sidebarCollapse span:last-of-type{transform:rotate(-45deg) translate(1px,-1px)}#sidebarCollapse.active span{transform:none;opacity:1;margin:5px auto}.sy2021-row{display:flex;width:100%;margin:1rem 0 0 0;padding:0 0 0 0;align-items:stretch}#school-left-sidebar{margin-top:1rem}@media (max-width:120px){#sidebar{margin-left:-250px;transform:rotateY(90deg)}#sidebar.active{margin-left:0;transform:rotateY(100deg)}#sidebarCollapse span:first-of-type,#sidebarCollapse span:nth-of-type(2),#sidebarCollapse span:last-of-type{transform:none;opacity:1;margin:5px auto}#sidebarCollapse.active span{margin:0 auto}#sidebarCollapse.active span:first-of-type{transform:rotate(45deg) translate(2px,2px)}#sidebarCollapse.active span:nth-of-type(2){opacity:0}#sidebarCollapse.active span:last-of-type{transform:rotate(-45deg) translate(1px,-1px)}}#sidebar #sidebarToggle{width:2.5rem;height:2.5rem;text-align:center;margin-bottom:1rem;cursor:pointer}#sidebar #sidebarToggle::after{font-weight:900;content:'\f104';font-family:'Font Awesome 5 Free';margin-right:0.1rem}#sidebar #sidebarToggle:hover{text-decoration:none}#sidebar #sidebarToggle:focus{outline:none}#sidebar.toggled{width:0!important;overflow:hidden}#sidebar.toggled #sidebarToggle::after{content:'\f105';font-family:'Font Awesome 5 Free';margin-left:0.25rem}#sidebar.toggled #sidebar-card{display:none}@media (min-width:120px){.left-sidebar{padding:10px 0;border-bottom:1px solid #47748b;text-align:center}.sidebar-school-logo{border-radius:50%;background-repeat:no-repeat;width:2rem;height:2rem}.sidebar-school-name{margin-top:0.3rem;margin-bottom:0.1rem;color:#26272b;font-size:1rem;font-weight:bold}.sidebar-school-master{font-size:0.8rem;margin-bottom:0.3rem;color:#868686}.sidebar-school-split-line{width:90%;margin-bottom:1rem;margin-top:1rem}.sidebar-school-search{display:inline-flex;width:90%;font-size:1rem;text-align:center}.sidebar-school-menu{height:1.5rem;font-family:HiraginoSansGB-W3;font-size:1.1rem;font-weight:normal;font-stretch:normal;line-height:1rem;letter-spacing:0rem;color:#26272b}.sidebar-school-menu-left-icon{color:#70cdb3;margin-right:0rem}.sidebar-school-menu-right-icon{margin-left:0rem;color:#26272b}.school-right-content{width:100%;border-radius:4px;background-color:#fff;margin-left:10px}}@media (min-width:768px){.left-sidebar{padding:20px 0;border-bottom:1px solid #47748b;text-align:center}.sidebar-school-logo{border-radius:50%;background-repeat:no-repeat;width:7rem;height:7rem}.sidebar-school-name{margin-top:0.5rem;margin-bottom:0.1rem;color:#26272b;font-size:1.3rem;font-weight:bold}.sidebar-school-master{font-size:0.9rem;margin-bottom:0.5rem;color:#868686}.sidebar-school-split-line{width:90%;margin-bottom:2rem;margin-top:2rem}.sidebar-school-search{display:inline-flex;width:90%;font-size:1.2rem;text-align:center}.sidebar-school-menu{height:2rem;font-family:HiraginoSansGB-W3;font-size:2rem;font-weight:normal;font-stretch:normal;line-height:1rem;letter-spacing:0rem;color:#26272b}.sidebar-school-menu-left-icon{margin-right:0.5rem}.sidebar-school-menu-right-icon{margin-left:1.5rem;color:#26272b}.school-right-content{width:100%;border-radius:4px;background-color:#fff;margin-left:10px;border-top-color:#f08f6b;border-top-style:inset;border-top-width:1px;border-right-style:none;border-bottom-style:none;border-left-style:none}}@media (min-width:120px){.school-detail-nav-tab{background-color:#fdf0ec;font-size:1rem}}@media (min-width:768px){.school-detail-nav-tab{background-color:#fdf0ec;font-size:1.2rem}}.school-detail-nav-tab{background-color:#fdf0ec;font-size:1.2rem}#school-right-content > .nav-pills .nav-link.active,.nav-pills .show > .nav-link{color:#26272b;background-color:#fff;box-shadow:3px 0 0 #f08f6b}.school-tabpanel{padding:0rem 1rem 0 1rem}.lesson-bg-green{background-image:url(../img/green.png)}.lesson-bg-yellow{background-image:url(../img/yellow.png)}.lesson-bg-orange{background-image:url(../img/orange.png)}.lesson-card-active{box-shadow:5px 5px 5px #888;border:1px solid #dd4814}.no-new-line{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sy-indent{display:flex;text-align:center;margin-top:1rem;margin-left:10px}@media (min-width:120px){.lesson-card-empty{width:9rem;height:12rem}.lesson-card{width:9rem;height:12.2rem;background-color:#fff;border-radius:4px;background-size:cover;background-repeat:no-repeat;background-position:center;position:relative;display:inline-block;color:#fff}.lesson-name{margin-top:1rem;margin-bottom:0.2rem;margin-left:0.5rem;margin-right:0.5rem;font-size:1rem;font-weight:normal}.lesson-subject{font-size:0.8rem;margin-bottom:0.2rem}.lesson-teacher-satisfy{font-size:0.5rem;margin-bottom:0rem}.lesson-student{font-size:0.5rem;margin-bottom:0.2rem}.lesson-teacher-name{width:100%;font-size:0.85rem;font-weight:normal;color:#ffe;float:left;margin-bottom:0;margin-top:0.5rem;padding-right:0.5rem;text-align:center}.lesson-teacher-avatar{zoom:0.11;border:unset;border-radius:16rem;border-color:#fff;margin:0 0 0 20px}.lesson-teacher-image{border-radius:16rem;border-color:#fff;width:3rem;height:3rem;border:solid 1px;border-radius:50%;margin-top:0;margin-left:2px}.lesson-card-button{margin-left:0.2rem;border-radius:50%;width:1.5rem;height:1.5rem;background-color:#f08f6b}.student-image{border-radius:16rem;border-color:#fff;width:3rem;height:3rem;border:solid 1px;border-radius:50%}}@media (min-width:120px){.lesson-card-btn-group{margin-top:0rem}}@media (min-width:768px){.lesson-card-btn-group{margin-top:0.5rem}}@media (min-width:768px){.lesson-card-empty{width:12rem;height:16rem}.lesson-card{width:12rem;height:14rem;background-color:#fff;border-radius:4px;background-size:cover;background-repeat:no-repeat;background-position:center;position:relative;display:inline-block;color:#fff}.lesson-name{margin-top:1rem;margin-bottom:0.5rem;font-size:1.2rem;font-weight:normal}.lesson-subject{font-size:1rem;margin-bottom:0.5rem}.lesson-teacher-satisfy{font-size:0.7rem;margin-bottom:0.5rem;margin-top:0.5rem}.lesson-student{font-size:0.8rem}.lesson-teacher-name{width:100%;font-size:1rem;font-weight:normal;color:#ffe;float:left;margin-bottom:0;margin-top:0.3rem;padding-right:0.5rem;text-align:center}.lesson-teacher-avatar{zoom:0.13;border:unset;border-radius:16rem;border-color:#fff;margin:0 0 0 30px}.lesson-teacher-image{border-radius:16rem;border-color:#fff;width:3.5rem;height:3.5rem;border:solid 1px;border-radius:50%;margin-top:0;margin-left:2px}.lesson-card-btn-group{}.lesson-card-button{margin-left:0.2rem;border-radius:50%;width:1.5rem;height:1.5rem;background-color:#f08f6b}.student-image{border-radius:16rem;border-color:#fff;width:3.5rem;height:3.5rem;border:solid 1px;border-radius:50%}}.lesson-card-active{border:#868686}.sy-card-btn{background-color:#f08f6b;border-color:#f08f6b}@media (min-width:120px){.teacher-card-empty{display:inline-table;width:9rem;height:10rem}.teacher-card{display:inline-table;width:9rem;height:10rem;background-color:#fff;border:1px solid #dee2e6;border-radius:4px}.teacher-card-active{box-shadow:5px 5px 5px #888;border:1px solid #dd4814}.teacher-card-status{margin-top:-10px;margin-right:0;width:100%;height:auto}.teacher-logo{margin-top:1.2rem;border-radius:50%;background-repeat:no-repeat;width:2rem;height:2rem}.teacher-name{margin-top:0.5rem;margin-bottom:0.1rem;color:black;font-size:0.8rem}.teacher-category{font-size:0.5rem;margin-bottom:0.3rem}.teacher-student-info{font-size:0.7rem;margin-top:0.2rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem}#schoolTeacherTable.table td{padding:unset}}@media (min-width:768px){.teacher-card-empty{display:inline-table;width:12rem;height:14rem}.teacher-card{display:inline-table;width:12rem;height:14rem;background-color:#fff;border:1px solid #dee2e6;border-radius:4px}.teacher-card-active{box-shadow:5px 5px 5px #888;border:1px solid #dd4814}.teacher-card-status{margin-top:-10px;margin-right:0;width:100%;height:auto}.teacher-logo{margin-top:1.2rem;border-radius:50%;background-repeat:no-repeat;width:5rem;height:5rem}.teacher-name{margin-top:0.5rem;margin-bottom:0.1rem;color:black;font-size:1rem}.teacher-category{font-size:0.8rem;margin-bottom:0.5rem}.teacher-student-info{font-size:0.7rem;margin-top:0.2rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem}}@media (min-width:120px){#myLessonTable.table td{padding-left:0.2rem;padding-right:0.2rem;padding-top:0.75rem;padding-bottom:0.75rem}#schoolLessonTable.table td{padding-left:0.2rem;padding-right:0.2rem;padding-top:0.75rem;padding-bottom:0.75rem}#schoolTeacherTable.table td{padding-left:0.2rem;padding-right:0.2rem;padding-top:0.75rem;padding-bottom:0.75rem}}@media (min-width:768px){#myLessonTable.table td{padding:0.75rem}#schoolLessonTable.table td{padding:0.75rem}#schoolTeacherTable.table td{padding:0.75rem}}@media (min-width:120px){#lesson-detail-top-block{background-color:#ef7b3f;width:100%;height:3.5rem;display:inline-block}.lesson-detail-name{font-family:FZLTZHK--GBK1-0;font-size:1rem;font-weight:normal;font-stretch:normal;line-height:normal;letter-spacing:0rem;color:#fff;margin-top:0.1rem;width:12rem}.lesson-detail-subject{font-size:0.5rem}.lesson-detail-outline-secondary{border:1px solid #dee2e6;color:#fff;font-size:0.5rem;margin-left:0.2rem;margin-top:0.8rem;padding:0.1rem 0.2rem}.lesson-detail-outline-secondary:hover{background-color:#ff4000}.lesson-detail-stat{color:#fff;font-size:0.6rem}.lesson-detail-split-line{color:#fff;margin-left:0.3rem;margin-right:0.3rem;font-size:0.6rem}}@media (min-width:768px){#lesson-detail-top-block{background-color:#ef7b3f;width:100%;height:5rem;display:inline-block}.lesson-detail-name{font-family:FZLTZHK--GBK1-0;font-size:1.5rem;font-weight:normal;font-stretch:normal;line-height:normal;letter-spacing:0.2rem;color:#fff;margin-top:0.1rem;width:20rem}.lesson-detail-subject{font-size:0.8rem}.lesson-detail-outline-secondary{border:1px solid #dee2e6;color:#fff;font-size:1rem;margin-top:1.5rem;margin-left:2rem;padding:0.2rem 0.6rem}.lesson-detail-outline-secondary:hover{background-color:#ff4000}.lesson-detail-stat{color:#fff;font-size:1rem}.lesson-detail-split-line{color:#fff;margin-left:1rem;margin-right:1rem;font-size:1rem}}@media (min-width:992px){#lesson-detail-top-block{background-color:#ef7b3f;width:100%;height:6rem;display:inline-block}.lesson-detail-name{font-family:FZLTZHK--GBK1-0;font-size:2rem;font-weight:normal;font-stretch:normal;line-height:normal;letter-spacing:0.2rem;color:#fff;margin-left:1rem;margin-top:0.3rem}.lesson-detail-subject{font-size:1rem}.lesson-detail-outline-secondary{border:1px solid #dee2e6;color:#fff;font-size:1rem;margin-top:1.5rem;margin-left:2rem;padding:0.2rem 1rem}.lesson-detail-outline-secondary:hover{background-color:#ff4000}.lesson-detail-stat{color:#fff;font-size:1rem}.lesson-detail-split-line{color:#fff;margin-left:1rem;margin-right:1rem;font-size:1rem}}@media (min-width:120px){.lesson-detail-nav-tab{background-color:#fdf0ec;font-family:FZLTZHK--GBK1-0;font-size:0.8rem;line-height:0.8rem;font-weight:normal;font-stretch:normal;letter-spacing:0rem;color:#26272b}.course-card-empty{display:inline-table;width:19rem;height:12rem}.course-card{display:inline-table;width:19rem;height:9.5rem;background-color:#fff;border:1px solid #dee2e6;border-radius:4px}.course-time-background{background-size:cover;background-image:url(../img/mlessontime.png);background-repeat:no-repeat;background-position:center;position:relative;width:100%;height:1.6rem;text-align:left;padding-left:0.5rem;color:#0a0a0a}.course-time{font-size:1rem;color:#0a0a0a}.course-title{font-size:1rem;font-family:FZLTZHK--GBK1-0;font-weight:bold;font-stretch:normal;letter-spacing:0rem;line-height:1.1rem;text-align:left;padding-left:0.2rem;margin-top:0.5rem;margin-bottom:0.5rem;color:#0a0a0a}.course-teacher{font-family:HiraginoSansGB-W3;font-size:0.8rem;font-weight:normal;font-stretch:normal;line-height:0.8rem;letter-spacing:0rem;text-align:left;padding-left:0.5rem;margin-bottom:0.5rem}.course-btn-group{width:100%;display:inline-flex;padding-left:0.5rem}.course-btn{margin-right:0.2rem;height:2rem;padding-left:0.2rem;padding-right:0.2rem;padding-top:0.2rem;padding-bottom:0.5rem}}@media (min-width:768px){.lesson-detail-nav-tab{background-color:#fdf0ec;font-family:FZLTZHK--GBK1-0;font-size:1.2rem;line-height:1.2rem;font-weight:normal;font-stretch:normal;letter-spacing:0rem;color:#26272b}.course-card-empty{display:inline-table;width:30rem;height:12rem}.course-card{display:inline-table;width:30rem;height:12rem;background-color:#fff;border:1px solid #dee2e6;border-radius:4px}.course-time-background{background-size:cover;background-image:url(../img/lessontime.png);background-repeat:no-repeat;background-position:center;position:relative;width:100%;height:1.6rem;text-align:left;padding-left:1rem;color:#0a0a0a}.course-time{font-size:1rem;color:#0a0a0a}.course-title{font-size:1.2rem;font-family:FZLTZHK--GBK1-0;font-weight:bold;font-stretch:normal;letter-spacing:0.1rem;line-height:1.5rem;text-align:left;padding-left:2rem;margin-top:0rem;margin-bottom:1rem;color:#0a0a0a}.course-teacher{font-family:HiraginoSansGB-W3;font-size:1rem;font-weight:normal;font-stretch:normal;line-height:1rem;letter-spacing:0rem;text-align:left;padding-left:2rem;margin-bottom:0.8rem}.course-btn-group{width:100%;display:inline-flex;padding-left:2rem}.course-btn{margin-right:1rem;height:2rem;font-size:1rem;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.2rem;padding-bottom:0.5rem}}#newcourse-tab-ctrl .nav-link.active,.show > .nav-link{color:#26272b;background-color:#fff;box-shadow:3px 0 0 #f08f6b}#supperAssignTabCtrl .nav-link.active,.show > .nav-link{color:#26272b;background-color:#fff;box-shadow:3px 0 0 #f08f6b}#addStudentTabCtrl .nav-link.active,.show > .nav-link{color:#26272b;background-color:#fff;box-shadow:3px 0 0 #f08f6b}.video-view{position:fixed;width:100%;height:100%;left:0;top:0;right:0;bottom:0;overflow:hidden;overflow-y:auto;background:rgba(0,0,0,.8);z-index:3000}.video-content{margin:0 auto;position:relative;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);background:url(http://60.205.8.18/img/loading-video.gif) no-repeat 50%}.video-close{width:30px;height:30px;background:url(http://60.205.8.18/img/video-close.png) no-repeat;cursor:pointer;position:absolute;z-index:2;top:10px;right:10px}.chatgpt-icon{width:40px;height:40px}