.wrapper .topBar[data-v-839d33d2]{padding:15px 0}.wrapper .dataShowBox[data-v-839d33d2]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.wrapper .dataShowBox .monitorSide[data-v-839d33d2]{min-width:280px;width:30%;margin-left:2%}.wrapper .dataShowBox .monitorSide .monitorContent[data-v-839d33d2]{background:#999;height:200px;text-align:center;line-height:200px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.wrapper .dataShowBox .monitorSide .monitorContent .imgContainer[data-v-839d33d2]{width:48%}.wrapper .dataShowBox .monitorSide .monitorContent .monitorImg[data-v-839d33d2]{width:100%;-o-object-fit:contain;object-fit:contain}.wrapper .dataShowBox .monitorSide .monitorContent .monitorVideo[data-v-839d33d2]{-webkit-box-flex:1;-ms-flex:1;flex:1;width:52%;-o-object-fit:contain;object-fit:contain}.wrapper .dataShowBox .monitorSide .studentDetailBar[data-v-839d33d2]{margin:10px 0;display:-webkit-box;display:-ms-flexbox;display:flex}.wrapper .dataShowBox .monitorSide .studentDetailBar .el-image[data-v-839d33d2]{-webkit-box-flex:1;-ms-flex:1;flex:1}.wrapper .dataShowBox .monitorSide .studentDetailBar .detailForm[data-v-839d33d2]{width:60%;margin-left:10px;display:block}.wrapper .dataShowBox .monitorSide .actButtom[data-v-839d33d2]{border:1px solid #999;background:#f7f7f7;padding:4px 8px;border-radius:2px}.wrapper .dataShowBox .monitorSide .actButtom+.actButtom[data-v-839d33d2]{margin-top:4px}.wrapper .dataShowBox .contentBox[data-v-839d33d2]{-webkit-box-flex:1;-ms-flex:1;flex:1;background:#f7f7f7;margin:0 3%;max-width:90%;min-width:400px}.wrapper .dataShowBox .contentBox .statusBar[data-v-839d33d2]{display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:1px solid #409eff;padding:10px 25% 0 25%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.wrapper .dataShowBox .contentBox .statusBar .statusBox[data-v-839d33d2]{margin-bottom:-1px;-webkit-box-flex:1;-ms-flex:1;flex:1;padding:10px 0;cursor:pointer}.wrapper .dataShowBox .contentBox .statusBar .statusBox[data-v-839d33d2]:hover{background:#eee}.wrapper .dataShowBox .contentBox .statusBar .statusChosenBox[data-v-839d33d2]{border:1px solid #409eff!important;border-bottom:1px solid #fff!important;background:#fff}.wrapper .dataShowBox .contentBox .contentBar[data-v-839d33d2]{background:#fff}.el-icon-camera[data-v-839d33d2]:hover,.el-icon-s-release[data-v-839d33d2]:hover{color:#409eff}.el-icon-camera[data-v-839d33d2],.el-icon-s-release[data-v-839d33d2]{cursor:pointer;margin:0 4px}.container[data-v-839d33d2]{display:-webkit-box;display:-ms-flexbox;display:flex}.titleBar[data-v-839d33d2]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;padding:40px}.circleContainer[data-v-839d33d2],.titleBar[data-v-839d33d2]{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.circleContainer[data-v-839d33d2]{width:160px;height:160px}.circleContainer .leftSide[data-v-839d33d2]{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;overflow:hidden}.circleContainer .leftSide .leftCircle[data-v-839d33d2]{width:200%;height:100%;border:6px solid #36aafd;border-top-color:#f7f7f7;border-left-color:#f7f7f7;border-radius:50%;position:absolute;left:0;top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:all 1s linear 1s;transition:all 1s linear 1s}.circleContainer .rightSide[data-v-839d33d2]{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;overflow:hidden}.circleContainer .rightSide .rightCircle[data-v-839d33d2]{width:200%;height:100%;border:6px solid #36aafd;border-right-color:#f7f7f7;border-bottom-color:#f7f7f7;border-radius:50%;position:absolute;left:-100%;top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:all 1s linear;transition:all 1s linear}.circleContainer .detailBox[data-v-839d33d2]{position:absolute;height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.circleContainer .detailBox .detailInner[data-v-839d33d2]{width:80%;height:80%;border-radius:50%;background:#fff;-webkit-box-shadow:0 0 5px 5px #eee;box-shadow:0 0 5px 5px #eee;padding:15% 0}.circleContainer .detailBox .count[data-v-839d33d2]{font-size:28px;text-align:center}.circleContainer .detailBox .title[data-v-839d33d2]{color:#ccc;text-align:center}.typeChosen[data-v-839d33d2]{background:#36aafd!important;-webkit-box-shadow:0 0 5px 40px rgba(54,170,253,.1)!important;box-shadow:0 0 5px 40px rgba(54,170,253,.1)!important}.typeChosen div[data-v-839d33d2]{color:#fff!important}