iframe[data-v-e80ef75c]{width:100%;height:100%;border:none}.myClassDetails .main-tab-bars{border:1px solid #dadfe0}.myClassDetails .main-tab-bars .main-tab-item{height:30px;line-height:30px;width:100px;text-align:center;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.myClassDetails .main-tab-bars .active{color:#67adf4;background-color:#e1f3ff;border:1px solid #67adf4}.myClassDetails .nav-tab-bar-box{background-color:#fff;padding:.72vw;margin-top:1.04vw}.myClassDetails .nav-tab-bar-box .nav-tab-bar .nav-tab-item{color:#6e7a87;padding:0 .78125vw;border-right:1px solid #f3f3f3;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.myClassDetails .nav-tab-bar-box .nav-tab-bardiv:last-child{border-right:none}.myClassDetails .nav-tab-bar-box .nav-tab-bar .active{font-size:.833vw;color:#63acff;position:relative;font-weight:700}.myClassDetails .nav-tab-bar-box .nav-tab-bar .active:after{position:absolute;content:"";height:2px;left:.78125vw;right:.78125vw;background-color:#63acff;bottom:-.78125vw}.myClassDetails .content{height:75vh;background-color:#fff;margin-top:1.04vw;padding:15px}.myClassDetails .content .student-list{display:flex;flex-wrap:wrap;padding:10px;overflow-y:scroll;overflow:-moz-scrollbars-none;height:72vh}.myClassDetails .content .student-list .student-item{cursor:pointer;background-color:#f9f9f9;width:150px;padding:15px;border-radius:10px;margin-right:15px;margin-bottom:15px}.myClassDetails .content .student-list .student-item .userpic{width:50px;height:50px;background-color:#007aff;color:#fff;border-radius:50%;margin-right:10px;overflow:hidden}.myClassDetails .content .student-list .student-item .nv{background-color:#f4b3b3!important}.myClassDetails .content .student-list1{display:flex;flex-wrap:wrap;padding:10px;overflow-y:scroll;overflow:-moz-scrollbars-none;height:68vh}.myClassDetails .content .student-list1 .student-item{cursor:pointer;background-color:#f9f9f9;width:150px;padding:15px;border-radius:10px;margin-right:15px;margin-bottom:15px}.myClassDetails .content .student-list1 .student-item .userpic{width:50px;height:50px;background-color:#007aff;color:#fff;border-radius:50%;margin-right:10px;overflow:hidden}.myClassDetails .content .student-list1 .student-item .nv{background-color:#f4b3b3!important}.myClassDetails .content .student-list1 .red-bg{background-color:#fc011a;color:#fff}.myClassDetails .content .contents{background-color:#fff}.myClassDetails .content .contents .head{padding:5px 20px}.myClassDetails .content .contents .table .el-tooltip{width:100%;height:100%;padding:10px 0}.myClassDetails .content .contents .table .th-1{width:8%;text-align:center;height:70px;border-right:1px solid #eee;border-bottom:1px solid #eee}.myClassDetails .content .contents .table .th{width:13.5%;text-align:center;height:70px;border-right:1px solid #eee;border-bottom:1px solid #eee}.myClassDetails .content .contents .table .th_h{background:#eee}.myClassDetails .content .contents .table .th:hover{background-color:#eefaf6;cursor:pointer}.myClassDetails .content .contents .table .th_h:hover{background-color:#eee}.myClassDetails .content .suguan{padding:0 20px;height:70vh}.myClassDetails .content .suguan .title{padding:0 0 15px 0}.myClassDetails .content .divide{padding:0 10px;height:70vh}.myClassDetails .content .divide .content1{height:70vh}.myClassDetails .content .divide .content1 .title{padding:0 0 15px 0}.myClassDetails .content .divide .content1 .title .btn{background-color:#f5f5f5;padding:5px}.myClassDetails .content .divide .content1 .title .btn:hover{color:#4998ff;background:#e4f1ff;cursor:pointer}.myClassDetails .content .divide .content1 .el-table .cell,.myClassDetails .content .divide .content1 .el-table th>.cell{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.myClassDetails .content .divide .content1 .el-table thead{background:#fafafa!important}.myClassDetails .content .divide .content1 .el-table th{padding:15px 5px!important;background:#fafafa!important}.myClassDetails .content .divide .content1 .el-table:before{left:0;bottom:0;width:100%;height:0}.myClassDetails .content .divide .content1 .el-table .btn{padding:5px;text-align:center}