.train-onlineTrain-courseAndTest{position:relative;height:100%;padding:10px;overflow:hidden}.train-onlineTrain-courseAndTest .head-train{height:50px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-bottom:1px solid #ccc}.train-onlineTrain-courseAndTest .head-train .train-name{height:100%;display:flex;flex-direction:column;justify-content:space-around}.train-onlineTrain-courseAndTest .head-train .train-name>div:first-child{font-weight:700;font-size:18px}.train-onlineTrain-courseAndTest .head-train .train-name .score{font-size:14px;padding-top:6px}.train-onlineTrain-courseAndTest .head-train .train-name .score>span{padding-right:20px}.train-onlineTrain-courseAndTest .head-train .train-name .score>span:nth-child(2){color:#67c23a}.train-onlineTrain-courseAndTest .con-train{position:relative;height:calc(100% - 50px);padding-top:20px;display:flex;flex-direction:row}.train-onlineTrain-courseAndTest .con-train .left{width:30%;border:1px solid #ccc;margin-right:20px}.train-onlineTrain-courseAndTest .con-train .left .el-card__body{padding:10px;display:flex;flex-direction:column;height:100%;font-size:14px}.train-onlineTrain-courseAndTest .con-train .left .topTitle{padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #ccc}.train-onlineTrain-courseAndTest .con-train .left .wareList{flex:1;overflow:auto}.train-onlineTrain-courseAndTest .con-train .left .wareList .wareItem{padding-bottom:10px;cursor:pointer;overflow:auto}.train-onlineTrain-courseAndTest .con-train .left .wareList .wareItem.active .el-card{background:#ecf5ff;color:#409eff}.train-onlineTrain-courseAndTest .con-train .left .wareList .wareItem .el-card__body{padding:20px 10px 10px}.train-onlineTrain-courseAndTest .con-train .left .wareList .wareItem .el-card__body>div{margin-bottom:10px}.train-onlineTrain-courseAndTest .con-train .right{position:relative;flex:1;overflow:auto;border:1px solid #ccc}.train-onlineTrain-courseAndTest .con-train .right .player-wrapper{height:100%}.train-onlineTrain-courseAndTest .con-train .right .video-wrapper{height:100%;padding-bottom:0!important}.train-onlineTrain-courseAndTest .con-train .right .video-wrapper .vjs-playback-rate{display:none}.train-onlineTrain-courseAndTest .con-train .right .video-wrapper .vjs-progress-control{visibility:hidden}.train-onlineTrain-courseAndTest .con-train .right .pdfMask{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7)}.train-onlineTrain-courseAndTest .con-train .right .pdfMask .el-progress{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.train-onlineTrain-courseAndTest .con-train .right .pdfMask .el-progress .el-progress__text{color:#fff}