.px-performance-wrapper{height:calc(100% - 80px);padding-bottom:10px;position:relative}.px-performance-wrapper .search-group-type-con{position:absolute;top:-70px;right:30px;z-index:100}.px-performance-wrapper .yk-person{font-size:32px;color:#fff;margin-right:20px;line-height:60px}.px-performance-wrapper .yk-alphabets{height:40px;width:100%;background:#dde2eb;position:absolute;bottom:0}.px-performance-wrapper .yk-alphabets ul{list-style:none;margin:0;padding:0}.px-performance-wrapper .yk-alphabets ul li{height:40px;line-height:40px;font-size:18px;color:#666;width:3.7%;text-align:center;float:left}.px-performance-wrapper .yk-alphabets ul .alphabetsbg{background:#edf0f5;color:#2878ff}.px-performance-wrapper .yk-pf-content-main{height:90%;overflow:auto;padding:20px 10px}.px-performance-wrapper .yk-pf-content-main .yk-pf-class-situation,.px-performance-wrapper .yk-pf-content-main .yk-pf-stu-situation{width:166px;float:left;margin:10px;text-align:center;padding-bottom:20px}.px-performance-wrapper .yk-pf-content-main .yk-pf-class-situation .pf-class-logo-wrapper,.px-performance-wrapper .yk-pf-content-main .yk-pf-stu-situation .pf-class-logo-wrapper{display:inline-block}.px-performance-wrapper .yk-pf-content-main .yk-pf-class-situation .pf-class-logo-wrapper .pf-class-logo,.px-performance-wrapper .yk-pf-content-main .yk-pf-stu-situation .pf-class-logo-wrapper .pf-class-logo{display:inline-block;width:120px;height:120px;border-radius:50%}.px-performance-wrapper .yk-pf-content-main .yk-pf-class-situation .pf-class-logo-wrapper,.px-performance-wrapper .yk-pf-content-main .yk-pf-class-situation .pf-stu-logo-wrapper,.px-performance-wrapper .yk-pf-content-main .yk-pf-stu-situation .pf-class-logo-wrapper,.px-performance-wrapper .yk-pf-content-main .yk-pf-stu-situation .pf-stu-logo-wrapper{position:relative;display:inline-block;width:120px;height:120px}.px-performance-wrapper .yk-pf-content-main .yk-pf-class-situation .pf-class-logo-wrapper .pf-stu-logo,.px-performance-wrapper .yk-pf-content-main .yk-pf-class-situation .pf-stu-logo-wrapper .pf-stu-logo,.px-performance-wrapper .yk-pf-content-main .yk-pf-stu-situation .pf-class-logo-wrapper .pf-stu-logo,.px-performance-wrapper .yk-pf-content-main .yk-pf-stu-situation .pf-stu-logo-wrapper .pf-stu-logo{display:block;width:116px;height:116px;border-radius:50%;border:2px solid #fff}.px-performance-wrapper .yk-pf-content-main .yk-pf-class-situation .pf-class-logo-wrapper .pf-stu-per-criticism-number,.px-performance-wrapper .yk-pf-content-main .yk-pf-class-situation .pf-class-logo-wrapper .pf-stu-per-praise-number,.px-performance-wrapper .yk-pf-content-main .yk-pf-class-situation .pf-stu-logo-wrapper .pf-stu-per-criticism-number,.px-performance-wrapper .yk-pf-content-main .yk-pf-class-situation .pf-stu-logo-wrapper .pf-stu-per-praise-number,.px-performance-wrapper .yk-pf-content-main .yk-pf-stu-situation .pf-class-logo-wrapper .pf-stu-per-criticism-number,.px-performance-wrapper .yk-pf-content-main .yk-pf-stu-situation .pf-class-logo-wrapper .pf-stu-per-praise-number,.px-performance-wrapper .yk-pf-content-main .yk-pf-stu-situation .pf-stu-logo-wrapper .pf-stu-per-criticism-number,.px-performance-wrapper .yk-pf-content-main .yk-pf-stu-situation .pf-stu-logo-wrapper .pf-stu-per-praise-number{position:absolute;left:28px;bottom:0;height:40px;width:60px;border:2px solid #fff;color:#0099e8;border-radius:10px;background-color:#ccebfa;text-align:center;line-height:40px}.px-performance-wrapper .yk-pf-content-main .yk-pf-class-situation .pf-class-logo-wrapper .pf-stu-all-number,.px-performance-wrapper .yk-pf-content-main .yk-pf-class-situation .pf-stu-logo-wrapper .pf-stu-all-number,.px-performance-wrapper .yk-pf-content-main .yk-pf-stu-situation .pf-class-logo-wrapper .pf-stu-all-number,.px-performance-wrapper .yk-pf-content-main .yk-pf-stu-situation .pf-stu-logo-wrapper .pf-stu-all-number{font-size:22px;position:absolute;left:0;bottom:-20px;height:32px;width:120px;border:2px solid #fff;border-radius:16px;overflow:hidden;text-align:center;-webkit-box-sizing:content-box;box-sizing:content-box}.px-performance-wrapper .yk-pf-content-main .yk-pf-class-situation .pf-class-logo-wrapper .pf-stu-all-number .pf-all-primase-number,.px-performance-wrapper .yk-pf-content-main .yk-pf-class-situation .pf-stu-logo-wrapper .pf-stu-all-number .pf-all-primase-number,.px-performance-wrapper .yk-pf-content-main .yk-pf-stu-situation .pf-class-logo-wrapper .pf-stu-all-number .pf-all-primase-number,.px-performance-wrapper .yk-pf-content-main .yk-pf-stu-situation .pf-stu-logo-wrapper .pf-stu-all-number .pf-all-primase-number{float:left;height:32px;width:50%;color:#2878ff;border-right:1px solid #fff;border-radius:16px 0 0 16px;background-color:#9ac0ff;line-height:32px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.px-performance-wrapper .yk-pf-content-main .yk-pf-class-situation .pf-class-logo-wrapper .pf-stu-all-number .pf-all-criticism-number,.px-performance-wrapper .yk-pf-content-main .yk-pf-class-situation .pf-stu-logo-wrapper .pf-stu-all-number .pf-all-criticism-number,.px-performance-wrapper .yk-pf-content-main .yk-pf-stu-situation .pf-class-logo-wrapper .pf-stu-all-number .pf-all-criticism-number,.px-performance-wrapper .yk-pf-content-main .yk-pf-stu-situation .pf-stu-logo-wrapper .pf-stu-all-number .pf-all-criticism-number{float:right;height:32px;width:50%;color:#b8742e;border-radius:0 6px 6px 0;background-color:#e8ccad;line-height:32px;border-left:1px solid #fff;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.px-performance-wrapper .yk-pf-content-main .yk-pf-class-situation .pf-all-class,.px-performance-wrapper .yk-pf-content-main .yk-pf-class-situation .pf-single-stu,.px-performance-wrapper .yk-pf-content-main .yk-pf-stu-situation .pf-all-class,.px-performance-wrapper .yk-pf-content-main .yk-pf-stu-situation .pf-single-stu{margin-top:30px;color:#000;font-size:22px;text-align:center}.px-performance-wrapper .yk-pf-content-main .yk-pf-class-situation,.px-performance-wrapper .yk-pf-content-main .yk-pf-stu-situation{height:200px;position:relative}.px-performance-wrapper .yk-pf-content-main .yk-pf-class-situation .px-icon-huangguan,.px-performance-wrapper .yk-pf-content-main .yk-pf-stu-situation .px-icon-huangguan{position:absolute;top:-20px;left:68px;font-size:32px;color:grey;z-index:200}.px-performance-wrapper .yk-pf-content-main .yk-pf-class-situation .yk-icon,.px-performance-wrapper .yk-pf-content-main .yk-pf-stu-situation .yk-icon{position:absolute;top:-20px;left:39px;font-size:45px;color:gold;z-index:200}.px-performance-wrapper .yk-pf-content-main:after{content:"";height:0;display:block;visibility:hidden;clear:both}.px-performance-wrapper .px-bottom-btn{position:fixed;bottom:0;width:100%;height:80px;line-height:80px;text-align:center;background:#fff;border-top:1px solid #ccc}.px-performance-wrapper .px-bottom-btn span{padding:0 30px;cursor:pointer;color:#343434;font-size:18px}.px-performance-wrapper .px-bottom-btn span:hover{color:#409eff}.px-performance-wrapper .px-bottom-btn i{color:#999}.px-performance-wrapper .px-bottom-btn .sp-sign-up-btn{position:relative}.px-performance-wrapper .Pinyinbackground{background-color:#edf0f5}.px-performance-wrapper .ant-modal-body{padding-bottom:80px}.px-performance-wrapper .dialog-bottom-btn{width:700px;position:absolute;left:-24px;bottom:-81px;border-top:1px solid #d8dee6;line-height:58px;padding:0 39px}.px-performance-wrapper .dialog-bottom-btn span{color:#2878ff;cursor:pointer}.px-performance-wrapper .dialog-bottom-btn .ant-btn{margin-top:12px}.px-performance-wrapper .random-selection-main{text-align:center}.px-performance-wrapper .random-selection-main .selection-item{display:inline-block}.px-performance-wrapper .random-selection-main .random-num-main{margin:40px 0}.px-performance-wrapper .random-selection-main .add-num-btn,.px-performance-wrapper .random-selection-main .reduce-num-btn{width:50px;height:50px;border-radius:50%;text-align:center;line-height:50px;border:1px solid #d8dee6;color:#2878ff;-webkit-box-sizing:initial;box-sizing:initial;cursor:pointer}.px-performance-wrapper .random-selection-main .num-val-con{width:200px;font-size:46px;color:#000;font-weight:700;vertical-align:-9px}.px-performance-wrapper .random-selection-main .add-num-btn{font-size:18px}.px-performance-wrapper .random-selection-main .start-selction-btn{padding:20px 0;border-top:1px solid #d8dee6}.px-performance-wrapper .random-selection-main .start-selction-btn .ant-btn{width:200px;height:40px}.px-performance-wrapper .random-selection-main .single-stu-info-con{padding:30px 120px 50px 120px}.px-performance-wrapper .random-selection-main .single-stu-info-con .stu-avatar-con{width:140px}.px-performance-wrapper .random-selection-main .single-stu-info-con .stu-avatar-con img{width:140px;height:140px;border-radius:50%}.px-performance-wrapper .random-selection-main .single-stu-info-con .stu-name-con{margin-top:35px;font-size:40px;font-weight:700}.px-performance-wrapper .random-selection-main .send-comment-btns{padding:20px;border-top:1px solid #d8dee6}.px-performance-wrapper .random-selection-main .send-comment-btns .restart-selection-btn{margin-right:20px}.px-performance-wrapper .random-selection-main .stu-data-list-con{padding:10px 30px 30px}.px-performance-wrapper .random-selection-main .stu-data-list-con .stu-data-item-con{position:relative;margin:0 20px 20px 0;width:100px;text-align:center}.px-performance-wrapper .random-selection-main .stu-data-list-con .stu-data-item-con .ant-checkbox-wrapper{position:absolute;right:10px;top:0;z-index:100}.px-performance-wrapper .random-selection-main .stu-data-list-con .stu-avatar-img{width:100px;height:100px;border-radius:50%}.px-performance-wrapper .random-selection-main .stu-data-list-con .stu-data-item-con:nth-child(5n){margin-right:0}.px-performance-wrapper .random-selection-main .set-count-down-con{padding-bottom:30px;text-align:center}.px-performance-wrapper .random-selection-main .operate-count-con{display:inline-block;width:120px}.px-performance-wrapper .random-selection-main .operate-count-con .p-add-btn,.px-performance-wrapper .random-selection-main .operate-count-con .p-reduce-btn{line-height:1;font-size:36px;cursor:pointer}.px-performance-wrapper .random-selection-main .operate-count-con .count-num-val{margin:0 auto;height:80px;width:80px;border:1px solid #333;text-align:center;line-height:80px;font-size:26px}.px-performance-wrapper .random-selection-main .show-count-down-con{padding:30px 0;font-size:60px}.px-performance-wrapper .random-selection-main .count-down-val{padding:0 10px;text-align:center;height:100px;line-height:100px;display:inline-block;font-size:46px}.px-performance-wrapper .random-selction-dialog .ant-modal-body{padding-bottom:0}.px-performance-wrapper .add-class-member{border-bottom:1px solid #d8dee6;padding:0 113px;padding-bottom:32px}.yk-change-pf-wrapper{position:relative}.yk-change-pf-wrapper .change-head-btns{border:1px solid #2878ff;text-align:center;height:36px;width:182px;margin:0 auto;border-radius:18px;line-height:36px;overflow:hidden}.yk-change-pf-wrapper .change-head-btns .sp-change{display:inline-block;width:90px;color:#000;font-size:16px;cursor:pointer}.yk-change-pf-wrapper .change-head-btns .perActive{color:#fff;background:#2878ff}.yk-change-pf-wrapper .yk-stu-praise .yk-stu-criticism-ul,.yk-change-pf-wrapper .yk-stu-praise .yk-stu-praise-ul{list-style:none;margin:0;padding:0}.yk-change-pf-wrapper .yk-stu-praise .yk-stu-criticism-ul li,.yk-change-pf-wrapper .yk-stu-praise .yk-stu-praise-ul li{float:left;padding-top:14px;margin-left:16px;margin-top:30px;width:110px;height:110px;text-align:center;cursor:pointer;border:1px solid #e6e9ed}.yk-change-pf-wrapper .yk-stu-praise .yk-stu-criticism-ul li .ant-badge,.yk-change-pf-wrapper .yk-stu-praise .yk-stu-praise-ul li .ant-badge{margin:0 auto}.yk-change-pf-wrapper .yk-stu-praise .yk-stu-criticism-ul li .ant-badge img,.yk-change-pf-wrapper .yk-stu-praise .yk-stu-praise-ul li .ant-badge img{display:block;margin:0 auto;width:100px;height:100px;border-radius:50%}.yk-change-pf-wrapper .yk-stu-praise .yk-stu-criticism-ul li .ant-badge .ant-badge-count,.yk-change-pf-wrapper .yk-stu-praise .yk-stu-praise-ul li .ant-badge .ant-badge-count{right:0;top:15px;background-color:#2878ff;width:24px;height:24px;border-radius:50%;font-size:14px;line-height:24px;border:1px solid #fff;padding:2px;-webkit-box-sizing:content-box;box-sizing:content-box}.yk-change-pf-wrapper .yk-stu-praise .yk-stu-criticism-ul li .ant-badge .p-medal-name,.yk-change-pf-wrapper .yk-stu-praise .yk-stu-praise-ul li .ant-badge .p-medal-name{color:#000;font-size:14px;margin-top:10px}.yk-change-pf-wrapper .yk-stu-praise .yk-stu-criticism-ul li .edit-wrapper,.yk-change-pf-wrapper .yk-stu-praise .yk-stu-praise-ul li .edit-wrapper{margin:0 auto;width:60px;height:60px;border:1px solid grey;border-radius:50%;text-align:center}.yk-change-pf-wrapper .yk-stu-praise .yk-stu-criticism-ul li .edit-wrapper .el-icon-edit,.yk-change-pf-wrapper .yk-stu-praise .yk-stu-praise-ul li .edit-wrapper .el-icon-edit{display:block;margin-top:18px;font-size:20px;color:#0099e8}.yk-change-pf-wrapper .yk-stu-praise .yk-stu-criticism-ul li .criti-badge-item .ant-badge-count,.yk-change-pf-wrapper .yk-stu-praise .yk-stu-praise-ul li .criti-badge-item .ant-badge-count{background:red}.yk-change-pf-wrapper .yk-stu-praise .yk-stu-criticism-ul .yk-set-cri-li,.yk-change-pf-wrapper .yk-stu-praise .yk-stu-praise-ul .yk-set-cri-li{float:left;padding:0;line-height:90px;margin-left:16px;margin-top:30px;width:90px;height:90px;text-align:center;cursor:pointer;background:#fafafa;border-radius:10px;border:1px solid #ccc}.yk-change-pf-wrapper .yk-stu-praise .yk-stu-criticism-ul .yk-set-cri-li .el-badge,.yk-change-pf-wrapper .yk-stu-praise .yk-stu-praise-ul .yk-set-cri-li .el-badge{margin:0 auto}.yk-change-pf-wrapper .yk-stu-praise .yk-stu-criticism-ul .yk-set-cri-li .el-badge .stus--avatar,.yk-change-pf-wrapper .yk-stu-praise .yk-stu-praise-ul .yk-set-cri-li .el-badge .stus--avatar{display:block;margin:0 auto;width:70px;height:70px;border-radius:50%}.yk-change-pf-wrapper .yk-stu-praise .yk-stu-criticism-ul .yk-set-cri-li .el-badge .el-badge__content,.yk-change-pf-wrapper .yk-stu-praise .yk-stu-praise-ul .yk-set-cri-li .el-badge .el-badge__content{right:17px;background-color:#d6253d;width:36px;height:36px;border-radius:50%;font-size:20px;line-height:36px}.yk-change-pf-wrapper .yk-stu-praise .yk-stu-criticism-ul .yk-set-cri-li .edit-wrapper,.yk-change-pf-wrapper .yk-stu-praise .yk-stu-praise-ul .yk-set-cri-li .edit-wrapper{margin:0 auto;width:60px;height:60px;border:1px solid grey;border-radius:50%;text-align:center}.yk-change-pf-wrapper .yk-stu-praise .yk-stu-criticism-ul .yk-set-cri-li .edit-wrapper .el-icon-edit,.yk-change-pf-wrapper .yk-stu-praise .yk-stu-praise-ul .yk-set-cri-li .edit-wrapper .el-icon-edit{display:block;margin-top:18px;font-size:20px;color:#0099e8}.yk-change-pf-wrapper .yk-stu-praise .yk-stu-criticism-ul li:hover,.yk-change-pf-wrapper .yk-stu-praise .yk-stu-praise-ul li:hover{border:1px solid #3fa2ff}.yk-change-pf-wrapper .yk-stu-praise .yk-stu-criticism-ul .px-icon-string,.yk-change-pf-wrapper .yk-stu-praise .yk-stu-praise-ul .px-icon-string{display:inline-block;width:60px;height:60px;background:#fff;border:1px solid #2878ff;border-radius:50%;line-height:56px;text-align:center;font-size:30px;color:#2878ff}.yk-change-pf-wrapper .yk-stu-praise .yk-stu-criticism-ul .p-medal-name,.yk-change-pf-wrapper .yk-stu-praise .yk-stu-praise-ul .p-medal-name{color:#000;font-size:14px;margin-top:10px}.yk-change-pf-wrapper .yk-stu-praise .yk-stu-criticism-ul:after{content:"";height:0;visibility:hidden;clear:both;display:block}.yk-change-pf-wrapper .yk-stu-praise .yk-stu-praise-ul li .el-badge img{display:block;margin:0 auto;width:60px;height:60px;border-radius:50%}.yk-change-pf-wrapper .yk-stu-praise .yk-stu-praise-ul li .el-badge .el-badge__content{right:17px;background-color:#0099e8;color:#fff;width:36px;height:36px;border-radius:50%;font-size:20px;line-height:36px}