.px-class-performance{margin-top:14px;height:calc(100% - 35px);position:relative}.px-class-performance .search-stu-name{position:absolute;top:-64px;left:175px}.px-class-performance .search-stu-name .ant-input{border-color:#aaa;border-radius:17px;color:#999}.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-head .ant-select{margin-left:5px;margin-bottom:2px}.px-class-performance .class-record-left .class-record-head .ant-select-selection{width:40px;height:18px;background:#edf0f5;border-radius:9px}.px-class-performance .class-record-left .class-record-head .ant-select-selection__rendered{margin-right:0;margin-left:0;line-height:1;font-size:12px}.px-class-performance .class-record-left .class-record-head .ant-select-selection-selected-value{max-width:86%;width:32%;overflow:hidden;margin-top:2px;margin-left:5px}.px-class-performance .class-record-left .class-record-head .ant-select-arrow{right:4px}.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;padding:5px 18px;margin-bottom:10px;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{margin-top:22px}.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-record-right .class-performance-list-self{padding:20px;background:#fff}.px-class-performance .class-record-right .class-performance-list-self .class-performance-li{height:130px;padding:24px 0 14px 0;cursor:pointer;border-bottom:1px solid #dcdcdc}.px-class-performance .class-record-right .class-performance-list-self .class-performance-li:hover .li-record-delete{display:inline-block}.px-class-performance .class-record-right .class-performance-list-self .active-performance{background:#f7f7f8}.px-class-performance .class-record-right .class-performance-list-self .li-data-time{font-size:16px;color:#343434}.px-class-performance .class-record-right .class-performance-list-self .li-per-info{margin-top:10px}.px-class-performance .class-record-right .class-performance-list-self .li-per-info i{font-size:25px;margin-right:9px}.px-class-performance .class-record-right .class-performance-list-self .li-per-info span{color:#343434;font-weight:700}.px-class-performance .class-record-right .class-performance-list-self .li-per-info .sp-link-color{margin:0 12px;color:#dcdcdc}.px-class-performance .class-record-right .class-performance-list-self .li-record-delete{display:none}.px-class-performance .class-record-right .class-performance-list-self .li-type-record{width:20%}.px-class-performance .class-record-right .class-performance-list-self .li-tea-name{color:#9a9a9a;font-size:12px;margin-top:8px}.px-class-performance .class-record-right .class-performance-list-self .no-data-tip{padding:20px 0;text-align:center}.px-class-performance .class-record-right .class-performance-list-self .no-data-tip p{font-size:20px}.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{font-size:25px;margin-right:9px;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}.per-select-option{width:160px!important}.per-select-option span{margin-right:5px}.per-select-option .sp-dian{background:#2878ff}.per-select-option .sp-dian,.per-select-option .sp-dian1{display:inline-block;width:8px;height:8px;border-radius:50%}.per-select-option .sp-dian1{background:#f04e5c}