.page-box[data-v-57f41700]{height:100%}.page-box .page-box-head[data-v-57f41700]{height:60px;background:#fff}.page-box .page-box-head .querybox[data-v-57f41700]{display:flex;align-items:center;height:100%;width:85%;margin:0 auto;justify-content:flex-end}.page-box .page-box-head .querybox .query-item[data-v-57f41700]{margin-left:15px}.page-box .page-box-head .querybox .query-item span[data-v-57f41700]{margin-right:5px}.page-box .page-box-head .querybox .query-item[data-v-57f41700] .el-select{width:150px}.page-box .page-box-con[data-v-57f41700]{width:85%;margin:0 auto;background:#fff;margin-top:20px;border-radius:5px}.page-box .page-head[data-v-57f41700]{display:flex;justify-content:space-between;align-items:center;padding:15px 15px 15px 0;border-bottom:1px solid #e8e8e8}.page-box .page-head .titlebox[data-v-57f41700]{padding-left:24px;border-left:2px solid #00aa86}.page-box .page-head .titlebox .maintitle[data-v-57f41700]{font-size:16px;color:#333;font-weight:550}.page-box .page-head .titlebox .subtitle[data-v-57f41700]{color:#8d9399;padding-left:12px}.page-box .tips[data-v-57f41700]{text-align:right;color:#8d9399;padding-right:20px;margin-top:15px}.page-box .page-content[data-v-57f41700]{display:flex;padding:20px}.page-box .page-content .piechart[data-v-57f41700]{height:400px;width:500px}.page-box .page-content .detailbox[data-v-57f41700]{border:1px solid #e8e8e8;width:calc(100% - 540px);margin-left:20px}.page-box .page-content .detailbox .detail-left[data-v-57f41700]{display:flex;justify-content:space-between;flex-shrink:0}.page-box .page-content .detailbox .detail-left .left-item[data-v-57f41700]{border-bottom:1px solid #e8e8e8;background:#fafafa;flex-grow:1;display:flex;align-items:baseline;cursor:pointer;border-right:1px solid #e8e8e8;height:80px;padding-top:30px;padding-left:6%}.page-box .page-content .detailbox .detail-left .left-item .spot[data-v-57f41700]{width:10px;height:10px;display:inline-block;border-radius:15px;margin:0 10px}.page-box .page-content .detailbox .detail-left .left-item .itemcon .itemtitle[data-v-57f41700]{font-size:16px;color:#333;font-weight:550}.page-box .page-content .detailbox .detail-left .left-item .itemcon .itemsub[data-v-57f41700]{color:#8d9399;padding-top:5px}.page-box .page-content .detailbox .detail-left .itemactive[data-v-57f41700]{background:#fff;border-bottom:none}.page-box .page-content .detailbox .detail-left .item1 .spot[data-v-57f41700]{background:#6acc87}.page-box .page-content .detailbox .detail-left .item2 .spot[data-v-57f41700]{background:#78d8ef}.page-box .page-content .detailbox .detail-left .item3 .spot[data-v-57f41700]{background:#69f}.page-box .page-content .detailbox .detail-left .item4 .spot[data-v-57f41700]{background:#bfb3ff}.page-box .page-content .detailbox .detail-right[data-v-57f41700]{display:flex;flex-wrap:wrap;height:400px;align-content:baseline;overflow:hidden;overflow-y:scroll;padding:20px}.page-box .page-content .detailbox .detail-right .student-item[data-v-57f41700]{border-radius:4px;border:1px solid #ddd;color:#666;padding:7px 23px;margin-right:15px;margin-bottom:15px;align-self:baseline}.page-box[data-v-57f41700] .el-dialog__wrapper .setgradedialog{border-radius:4px}.page-box[data-v-57f41700] .el-dialog__wrapper .setgradedialog .el-dialog__header{line-height:normal;padding-top:15px;border-bottom:1px solid #e2e2e2;text-align:left}.page-box[data-v-57f41700] .el-dialog__wrapper .setgradedialog .el-dialog__header .maintitle{color:#333;font-weight:550;font-size:16px}.page-box[data-v-57f41700] .el-dialog__wrapper .setgradedialog .el-dialog__header .subtitle{color:#8d9399}.page-box[data-v-57f41700] .el-dialog__wrapper .setgradedialog .el-dialog__body{color:#333}.page-box[data-v-57f41700] .el-dialog__wrapper .setgradedialog .el-dialog__body .setbox .setradio{display:flex;align-items:center;margin-bottom:20px}.page-box[data-v-57f41700] .el-dialog__wrapper .setgradedialog .el-dialog__body .setbox .setradio .settitle{width:100px}.page-box[data-v-57f41700] .el-dialog__wrapper .setgradedialog .el-dialog__body .setbox .setdetail{margin-left:70px;width:100%}.page-box[data-v-57f41700] .el-dialog__wrapper .setgradedialog .el-dialog__body .setbox .setdetail .setdetail-item{display:flex;align-items:center;margin-bottom:15px}.page-box[data-v-57f41700] .el-dialog__wrapper .setgradedialog .el-dialog__body .setbox .setdetail .setdetail-item .el-input{width:60px}.page-box[data-v-57f41700] .el-dialog__wrapper .setgradedialog .el-dialog__body .setbox .setdetail .setdetail-item .item-left{width:100px}.page-box[data-v-57f41700] .el-dialog__wrapper .setgradedialog .el-dialog__body .setbox .setdetail .setdetail-item .item-left .spot{width:10px;height:10px;display:inline-block;border-radius:15px;margin:0 10px}.page-box[data-v-57f41700] .el-dialog__wrapper .setgradedialog .el-dialog__body .setbox .setdetail .setdetail-item .item-left .spot1{background:#6acc87}.page-box[data-v-57f41700] .el-dialog__wrapper .setgradedialog .el-dialog__body .setbox .setdetail .setdetail-item .item-left .spot2{background:#78d8ef}.page-box[data-v-57f41700] .el-dialog__wrapper .setgradedialog .el-dialog__body .setbox .setdetail .setdetail-item .item-left .spot3{background:#69f}.page-box[data-v-57f41700] .el-dialog__wrapper .setgradedialog .el-dialog__body .setbox .setdetail .setdetail-item .item-left .spot4{background:#bfb3ff}.page-box[data-v-57f41700] .el-dialog__wrapper .setgradedialog .el-dialog__body .setbox .setdetail .setdetail-item .item-left .stunumcon{color:#00aa86;margin-left:5px;cursor:pointer;text-decoration:underline}.page-box[data-v-57f41700] .el-dialog__wrapper .setgradedialog .el-dialog__body .setbox .setdetail .setdetail-item .item-left .stunumcon .numcon{text-decoration:underline}.page-box[data-v-57f41700] .el-dialog__wrapper .setgradedialog .el-dialog__body .setbox .setdetail .setdetail-item .itemcon{display:flex;align-items:center}.page-box[data-v-57f41700] .el-dialog__wrapper .setgradedialog .el-dialog__body .setbox .setdetail .setdetail-item .itemcon .itemsub{margin-left:20px;color:#8d9399}.page-box[data-v-57f41700] .el-dialog__wrapper .setgradedialog .el-dialog__body .setbox .handleset{margin-left:0;border:1px solid #e8e8e8;display:flex}.page-box[data-v-57f41700] .el-dialog__wrapper .setgradedialog .el-dialog__body .setbox .handleset .tabscon{width:20%;display:flex;flex-direction:column;flex-shrink:0}.page-box[data-v-57f41700] .el-dialog__wrapper .setgradedialog .el-dialog__body .setbox .handleset .tabscon .tab-item{border-bottom:1px solid #e8e8e8;background:#fafafa;flex-grow:1;display:flex;align-items:center;cursor:pointer;border-right:1px solid #e8e8e8;padding-left:6%;height:60px}.page-box[data-v-57f41700] .el-dialog__wrapper .setgradedialog .el-dialog__body .setbox .handleset .tabscon .tab-item .spot{width:10px;height:10px;display:inline-block;border-radius:15px;margin:0 5px}.page-box[data-v-57f41700] .el-dialog__wrapper .setgradedialog .el-dialog__body .setbox .handleset .tabscon .tab-item .spot1{background:#6acc87}.page-box[data-v-57f41700] .el-dialog__wrapper .setgradedialog .el-dialog__body .setbox .handleset .tabscon .tab-item .spot2{background:#78d8ef}.page-box[data-v-57f41700] .el-dialog__wrapper .setgradedialog .el-dialog__body .setbox .handleset .tabscon .tab-item .spot3{background:#69f}.page-box[data-v-57f41700] .el-dialog__wrapper .setgradedialog .el-dialog__body .setbox .handleset .tabscon .tab-item .spot4{background:#bfb3ff}.page-box[data-v-57f41700] .el-dialog__wrapper .setgradedialog .el-dialog__body .setbox .handleset .tabscon .itemactive{background:#fff;border-right:none}.page-box[data-v-57f41700] .el-dialog__wrapper .setgradedialog .el-dialog__body .setbox .handleset .stuscon{padding:15px;text-align:left}.page-box[data-v-57f41700] .el-dialog__wrapper .setgradedialog .el-dialog__body .setbox .handleset .stuscon .stulist{display:flex;flex-wrap:wrap;margin-top:15px}.page-box[data-v-57f41700] .el-dialog__wrapper .setgradedialog .el-dialog__body .setbox .handleset .stuscon .stulist .stu-item{border:1px solid #1da787;border-radius:4px;display:flex;align-items:center;height:36px;padding:0 8px;color:#1da787;margin-right:10px;margin-bottom:10px;cursor:pointer}.page-box[data-v-57f41700] .el-dialog__wrapper .setgradedialog .el-dialog__body .setbox .handleset .stuscon .stulist .stu-item img{width:21px}.page-box[data-v-57f41700] .el-dialog__wrapper .setgradedialog .el-dialog__footer{border-top:1px solid #e2e2e2;padding-bottom:10px}