.px-class-performance{margin-top:14px;height:calc(100% - 35px)}.px-class-performance .class-performance-record{height:100%;padding:0 30px}.px-class-performance .class-record-left{width:200px;height:100%;background:#fff;margin-right:20px;overflow-y:auto;overflow-x:hidden}.px-class-performance .class-record-left .class-record-head{height:50px;line-height:50px;font-size:16px}.px-class-performance .class-record-left .class-record-head .sp-name{margin-left:19px}.px-class-performance .class-record-left .class-record-head .sp-mark{margin-right:30px}.px-class-performance .class-record-left .class-record-li{height:50px;line-height:50px;font-size:16px;text-align:center;cursor:pointer;border-bottom:1px solid #eee}.px-class-performance .class-record-left .class-record-li .li-group-index{color:#000;font-size:14px;margin-left:17px}.px-class-performance .class-record-left .class-record-li .li-group-mark{margin-right:10px;color:#fff;font-size:12px}.px-class-performance .class-record-left .class-record-li .sp-add-mark{display:inline-block;width:36px;height:20px;background:#8eb8fd;border:1px solid #fff;border-radius:9px;text-align:center;line-height:20px}.px-class-performance .class-record-left .class-record-li .sp-load-mark{display:inline-block;width:36px;height:20px;margin-left:6px;background:#fe8791;border:1px solid #fff;border-radius:9px;text-align:center;line-height:20px}.px-class-performance .class-record-left .active-tab{background:#2878ff;color:#fff;position:relative}.px-class-performance .class-record-left .active-tab:before{content:"";position:absolute;right:-8px;top:19px;width:0;height:0;border-top:6px solid transparent;border-left:9px solid #2878ff;border-bottom:6px solid transparent}.px-class-performance .class-record-left .active-tab .li-group-index{color:#fff}.px-class-performance .class-record-left .active-tab .sp-add-mark{background:#fff;color:#2878ff}.px-class-performance .class-record-left .active-tab .sp-load-mark{background:#fff;color:#f04e5c}.px-class-performance .class-record-right{width:calc(100% - 240px);height:100%}.px-class-performance .class-record-right .class-performance-left{width:50%;height:100%;background:#fff;padding:22px 25px}.px-class-performance .class-record-right .class-performance-left .class-performance-echarts{height:80%}.px-class-performance .class-record-right .class-performance-left .class-bottom-num{margin-top:10px}.px-class-performance .class-record-right .class-performance-left .bottom-num-text{width:50%;font-size:18px;color:#2878ff;font-weight:700;text-align:center;border-right:1px solid #dde4ef}.px-class-performance .class-record-right .class-performance-left .bottom-num-text span{color:#343434;font-size:14px;font-weight:400}.px-class-performance .class-record-right .class-performance-left .bottom-num-con{width:50%;font-size:18px;color:#f04e5c;font-weight:700;text-align:center}.px-class-performance .class-record-right .class-performance-left .bottom-num-con span{color:#343434;font-size:14px;font-weight:400}.px-class-performance .class-record-right .h3-class-title{color:#343434;font-size:14px;font-weight:400;position:relative;padding-left:9px}.px-class-performance .class-record-right .h3-class-title:before{content:"";position:absolute;left:0;top:4px;width:3px;height:12px;background:#2878ff;border-radius:1px}.px-class-performance .class-record-right .class-performance-right{width:48%;height:100%;background:#fff;overflow:auto}.px-class-performance .class-record-right .class-performance-right .class-performance-type{padding:25px 30px;border-bottom:1px solid #dce3ef}.px-class-performance .class-record-right .class-performance-right .class-performance-type span{display:inline-block;margin-bottom:10px;padding:5px 18px;color:#4080ff;font-size:14px;border:1px solid #4080ff;border-radius:17px;margin-right:20px;cursor:pointer}.px-class-performance .class-record-right .class-performance-right .class-performance-type .sp-active{background:#2878ff;color:#fff}.px-class-performance .class-record-right .class-comment-top{padding:22px}.px-class-performance .class-record-right .class-comment-top .comment-top-list{margin-top:20px;width:100%}.px-class-performance .class-record-right .class-comment-top .comment-top-li{width:70%;line-height:34px;border-bottom:1px solid #edf0f5}.px-class-performance .class-record-right .class-comment-top .comment-top-li .top-li-info i{font-size:30px;display:inline-block;width:50px}.px-class-performance .class-record-right .class-comment-top .comment-top-li .top-li-info .px-icon-diyiming{color:#fceb5f}.px-class-performance .class-record-right .class-comment-top .comment-top-li .top-li-info .px-icon-dierming{color:#ddd}.px-class-performance .class-record-right .class-comment-top .comment-top-li .top-li-info .px-icon-disanming{color:#f9c071}.px-class-performance .class-record-right .class-comment-top .comment-top-li .top-li-info .sp-top-index{color:#343434;font-size:14px;display:inline-block;width:50px;text-align:center;padding-right:20px}.px-class-performance .class-record-right .class-comment-top .comment-top-li .top-li-info .sp-stu-name{color:#343434;font-size:14px}.px-class-performance .class-record-right .class-comment-detail-list{padding:22px}.px-class-performance .class-record-right .class-comment-detail{height:164px}.px-class-performance .class-record-right .class-comment-detail .comment-detail-li{color:#666;font-size:14px;margin-bottom:16px}.px-class-performance .class-record-right .class-comment-detail .sp-add-mark{color:#2066f0}.px-class-performance .class-record-right .class-comment-detail .sp-date-time{color:#9a9a9a;font-size:12px}.px-class-performance .class-performance-list{width:50%;height:100%;background:#fff;padding:5px 30px;overflow:auto}.px-class-performance .class-performance-list .class-performance-li{height:130px;padding:24px 0 14px 0;cursor:pointer;border-bottom:1px solid #dcdcdc}.px-class-performance .class-performance-list .class-performance-li:hover{background:#f7f7f8}.px-class-performance .class-performance-list .class-performance-li:hover .li-record-delete{display:inline-block}.px-class-performance .class-performance-list .li-data-time{font-size:16px;color:#343434}.px-class-performance .class-performance-list .li-per-info{margin-top:10px}.px-class-performance .class-performance-list .li-per-info i{margin-right:9px;font-size:25px;vertical-align:-4px}.px-class-performance .class-performance-list .li-per-info span{color:#343434;font-weight:700}.px-class-performance .class-performance-list .li-per-info .sp-link-color{margin:0 12px;color:#dcdcdc}.px-class-performance .class-performance-list .li-record-delete{display:none}.px-class-performance .class-performance-list .li-type-record{width:30%}.px-class-performance .class-performance-list .li-tea-name{color:#9a9a9a;font-size:12px;margin-top:8px}.px-class-performance .px-icon-chuqin{color:#32c27c}.px-class-performance .px-icon-chidao{color:#f4b52f}.px-class-performance .px-icon-queqin{color:#f25e46}.px-class-performance .px-icon-qingjia{color:#3db5f3}.px-class-performance .class-performance-data{width:48%;height:100%;background:#fff;padding:28px 40px}.px-class-performance .class-performance-data .class-head-top{color:#343434;font-size:16px}.px-class-performance .class-performance-data .class-head-top span{color:#2878ff}.px-class-performance .class-performance-data table{margin-top:27px;width:100%;border-color:#e5e5e5}.px-class-performance .class-performance-data td,.px-class-performance .class-performance-data tr>th{width:20%;height:40px;text-align:center;line-height:40px;background:#fff}.px-class-performance .class-performance-data td i,.px-class-performance .class-performance-data tr>th i{font-size:24px}.px-class-performance .class-performance-data .record-icon-1{color:#32c27c}.px-class-performance .class-performance-data .record-icon-2{color:#f4b52f}.px-class-performance .class-performance-data .record-icon-3{color:#f25e46}.px-class-performance .class-performance-data .record-icon-4{color:#3db5f3}