.home-left[data-v-4f7d73d8]{flex-shrink:0;width:15rem;overflow:hidden;box-shadow:0 .1rem .4rem 0 rgba(21,66,51,.1);background-color:#fff;margin-top:.4rem;z-index:2}.home-left .home-info[data-v-4f7d73d8]{font-size:1.1rem;text-align:center;font-weight:500}.home-left .home-info .home-circle[data-v-4f7d73d8]{margin:0 auto;margin-top:3.2rem;margin-bottom:1rem;width:5rem;height:5rem;border-radius:50%;display:flex;justify-content:center;align-items:center;position:relative;background-color:#4dabf7}.home-left .home-info .info-circle[data-v-4f7d73d8]{width:5rem;height:5rem;position:absolute;top:0;left:0}.home-left .home-info .info-backround[data-v-4f7d73d8]{width:2.7rem;height:2.7rem;position:relative;z-index:1}.home-left .home-class[data-v-4f7d73d8]{display:flex;justify-content:space-evenly;margin-top:3.4rem}.home-left .home-class .home-box[data-v-4f7d73d8]{text-align:center}.home-left .home-class .home-box .class-num[data-v-4f7d73d8]{color:#4dabf7;font-size:1.6rem;font-weight:500;margin-bottom:.7rem}.home-left .home-class .home-box .class-word[data-v-4f7d73d8]{font-size:.9rem}.home-left .home-class .home-line[data-v-4f7d73d8]{width:.05rem;height:4rem;background-color:#e5e5e5}.ny-screen-toolbar[data-v-2f6d8f81]{flex-shrink:0}.page-header-content{display:flex}.page-header-content .avatar{flex:0 1 3.6rem}.page-header-content .avatar>span{display:block;width:3.6rem;height:3.6rem;border-radius:3.6rem}.page-header-content .content{position:relative;top:.2rem;flex:1 1 auto;margin-left:1.2rem;color:rgba(0,0,0,.45);line-height:1.1rem}.page-header-content .content .content-title{margin-bottom:.6rem;color:rgba(0,0,0,.85);font-weight:500;font-size:1rem;line-height:1.4rem}.extra-content{zoom:1;float:right;white-space:nowrap}.extra-content:after,.extra-content:before{display:table;content:" "}.extra-content:after{clear:both;height:0;font-size:0;visibility:hidden}.extra-content .stat-item{position:relative;display:inline-block;padding:0 1.6rem}.extra-content .stat-item>p:first-child{margin-bottom:.2rem;color:rgba(0,0,0,.45);font-size:.9rem;line-height:1.1rem}.extra-content .stat-item>p{margin:0;color:rgba(0,0,0,.85);font-size:1.5rem;line-height:1.9rem}.extra-content .stat-item>p>span{color:rgba(0,0,0,.45);font-size:1rem}.extra-content .stat-item:after{position:absolute;top:.4rem;right:0;width:.05rem;height:2rem;background-color:#e8e8e8;content:""}.extra-content .stat-item:last-child{padding-right:0}.extra-content .stat-item:last-child:after{display:none}.content-container{background-color:#fff;border-radius:.2rem}.content-container .content-area{border-bottom:.05rem solid #e8e8e8}.content-wrap{display:flex;justify-content:flex-start;border-radius:.2rem}.content-wrap .content-left{width:12.8rem;height:calc(100vh - 10.3rem);background-color:#fff;overflow:hidden;border-radius:.2rem;border-right:.05rem solid #e8e8e8}.content-wrap .content-right{flex:1;min-height:calc(100vh - 10.3rem);border-radius:.2rem}.school-name{padding:.5rem .4rem;border-bottom:.05rem solid #e8e8e8}.school-name .school-name-inner{display:flex;justify-content:space-between;align-items:center;cursor:pointer;border-radius:.2rem;padding:.5rem .5rem .5rem .6rem}.school-name .school-name-inner h3{width:100%;color:#333;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.school-name .school-name-inner .school-user{display:none}.school-name .school-name-inner:hover{background-color:#e5f8fa;color:#333}.school-name .school-name-inner:hover h3{width:10.5rem;color:#333}.school-name .school-name-inner.control:hover .school-user{display:block}.school-name .school-name-inner.selected{background-color:#00b9d1;color:#fff}.school-name .school-name-inner.selected h3{color:#fff}.content-left-inner{height:100%;overflow:hidden;border-radius:.2rem}.classroom-wrap{padding:.4rem;height:calc(100vh - 13.8rem);overflow-y:auto}.classroom-wrap .classroom-item{width:100%;color:#333;font-size:.7rem;cursor:pointer;padding:.6rem .2rem .6rem .6rem;display:flex;justify-content:space-between;align-items:center;border-radius:.2rem}.classroom-wrap .classroom-item span{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.classroom-wrap .classroom-item .classroom-item-operation{display:none}.classroom-wrap .classroom-item .classroom-item-operation .anticon+.anticon{margin-left:.4rem}.classroom-wrap .classroom-item .classroom-item-operation .anticon:hover{color:#00b9d1}.classroom-wrap .classroom-item:hover{background-color:#e5f8fa}.classroom-wrap .classroom-item.control:hover span{width:7.2rem}.classroom-wrap .classroom-item.control:hover .classroom-item-operation{display:block}.classroom-wrap .classroom-item.selected{background-color:#00b9d1;color:#fff}.classroom-wrap .classroom-item.selected .anticon:hover{color:#fff}.ant-dropdown-menu-item{text-align:center}.presonal-home-container{color:#666;min-height:100%;background-color:#f0f5f8}.presonal-home-container.screen{overflow:hidden;display:flex;flex-direction:column}.presonal-home-container.screen .home-right{overflow-y:auto}.presonal-home-container .menu-left-opt{display:none;float:left}.presonal-home-container .menu-left-opt i{font-size:1.1rem;margin:.2rem .6rem}.presonal-home-container .container-box{display:flex;overflow:hidden}.presonal-home-container .container-box .home-left-back{position:fixed;width:100%;height:100%;background:#000;opacity:.3;z-index:1}.presonal-home-container .container-box .home-right{padding-left:2rem}.presonal-home-container .container-box .home-right .intro-info-title{display:flex;align-items:center;font-size:1.2rem;font-weight:500;color:#444;margin:1.6rem 0 1.95rem 0}.presonal-home-container .container-box .home-right .intro-info-title span{width:.2rem;height:1.2rem;background:#4dabf7;border-radius:.1rem;margin-right:1.05rem;display:block}.presonal-home-container .container-box .home-right .intro-info-cont{width:100%;border-radius:.2rem;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}.presonal-home-container .container-box .home-right .intro-info-cont .ant-card-body{width:17.6rem;height:8rem;padding:1.2rem}.presonal-home-container .container-box .home-right .intro-info-cont .card-add{display:flex;align-items:center;justify-content:center;color:#666;cursor:pointer;height:5.6rem;font-size:1rem}.presonal-home-container .container-box .home-right .intro-info-cont .card-add .join-class{height:2.4rem;line-height:2.4rem;width:50%;float:left;text-align:center;border-right:.05rem solid #e5e5e5}.presonal-home-container .container-box .home-right .intro-info-cont .card-add .join-class img{margin-right:.6rem;width:.8rem}.presonal-home-container .container-box .home-right .intro-info-cont .card-add .creat-class{height:2.4rem;line-height:2.4rem;text-align:center;width:50%;float:left}.presonal-home-container .container-box .home-right .intro-info-cont .card-add .creat-class i{margin-top:.1rem;margin-right:.6rem}.presonal-home-container .container-box .home-right .intro-info-cont .ant-card{border-radius:.2rem;border:none;margin-right:1.6rem;margin-bottom:1.6rem;box-shadow:.1rem .1rem .25rem #dbf0e9;color:#444;border:.05rem solid transparent}.presonal-home-container .container-box .home-right .intro-info-cont .ant-card .card-head{border-bottom:.05rem solid #eee;padding-bottom:1rem;width:100%;display:flex;justify-content:space-between;align-items:center}.presonal-home-container .container-box .home-right .intro-info-cont .ant-card .card-head .card-tit{width:80%;display:flex;align-items:center}.presonal-home-container .container-box .home-right .intro-info-cont .ant-card .card-head .card-tit .card-img{width:2.2rem;height:2.2rem;background:#4dabf7;border-radius:100%;display:flex;justify-content:center;align-items:center}.presonal-home-container .container-box .home-right .intro-info-cont .ant-card .card-head .card-tit .card-img img{width:1.4rem;display:block;text-align:center}.presonal-home-container .container-box .home-right .intro-info-cont .ant-card .card-head .card-tit .card-name{padding:0 .5rem;flex:1;font-size:1.1rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-all}.presonal-home-container .container-box .home-right .intro-info-cont .ant-card .card-head .card-opt i{font-size:1rem;transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);cursor:pointer}.presonal-home-container .container-box .home-right .intro-info-cont .ant-card .card-head .card-opt .card-opt-btn{font-size:.9rem}.presonal-home-container .container-box .home-right .intro-info-cont .ant-card .card-info{display:flex;justify-content:space-between;align-items:center;color:#666;font-size:.9rem;padding-top:1.2rem}.presonal-home-container .container-box .home-right .intro-info-cont .ant-card:hover{border:.05rem solid #4dabf7}.horizontal .home-left{display:block!important}.horizontal .home-left-back{display:none!important}