.qrcodePos{padding:10px;position:absolute;top:30px;right:0;opacity:0;height:170px;width:170px;background-color:#fff;text-align:center;box-shadow:2px 2px 5px 1px rgba(0,0,0,.12);box-sizing:content-box}.qrcodePos canvas{margin:10px 0}.animateshow{opacity:1}.observation-play-qr-code{padding:10px;position:absolute;top:30px;right:0;height:170px;width:170px;background-color:#fff;text-align:center;box-shadow:2px 2px 5px 1px rgba(0,0,0,.12);box-sizing:content-box}.observation-play-qr-code canvas{margin:10px 0}.videoCtrl{font-size:16px;margin-top:30px}.main-content{background-color:#f1f2f3}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none!important}input[type=number]{-moz-appearance:textfield}::-webkit-input-placeholder{color:#999}::-moz-placeholder{color:#999}:-ms-input-placeholder{color:#999}:-moz-placeholder{color:#999}.observationVideoPlay{background-color:#f1f2f3;padding-top:80px}.observationVideoPlay .detail-breadcrumb{background-color:#252628;height:40px;line-height:40px}.observationVideoPlay .detail-breadcrumb .container{margin:0 auto;width:1200px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAOCAYAAAAbvf3sAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc0RUI2NDMzNEZFQjExRTc4QjZERDdGNDRFNUNBNzhBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc0RUI2NDM0NEZFQjExRTc4QjZERDdGNDRFNUNBNzhBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzRFQjY0MzE0RkVCMTFFNzhCNkREN0Y0NEU1Q0E3OEEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzRFQjY0MzI0RkVCMTFFNzhCNkREN0Y0NEU1Q0E3OEEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4hmtcSAAAAw0lEQVR42mL4//8/AxQLA3ErEN8A4t9QfAMqJgxTB1NsAcQv/uMGL6BqwBpkgfj9f8IApEYWpGEmmsR5IE6H4vNocjNBGl4iCTwAYi4kf3FBxWDgJRMDA4MYAwIcAuJvSPxvUDEYEAOZcosEG+6CBAtI8EMBSAMnEN8mIpTugGyEWW0HxH/xKP4HxLbIEQfCVXg0VKDHNAgzAvF8LIqXIKlB0QDCbEC8E0nxNqgYXA0jWBcq4ALiTUAMiiMftHhhAAgwAG6dEgmOP1scAAAAAElFTkSuQmCC) no-repeat 0;padding-left:20px}.observationVideoPlay .detail-breadcrumb .container span{color:#fff;height:40px;line-height:40px}.observationVideoPlay .videoPane{width:1200px;margin:20px auto;overflow:hidden}.observationVideoPlay .videoPane .leftWrap{background-color:#fff;padding:20px 30px;margin-right:10px;width:60%;box-sizing:border-box;height:540px;float:left}.observationVideoPlay .videoPane .leftWrap .title{font-size:14px;margin-bottom:20px}.observationVideoPlay .videoPane .leftWrap .title .title-header{color:#666;margin-right:30px;display:inline-block}.observationVideoPlay .videoPane .leftWrap .title .title-content{color:#444}.observationVideoPlay .videoPane .leftWrap .title .liveStatus{color:#33aafe;float:right}.observationVideoPlay .videoPane .leftWrap .averageScore{margin-top:20px;color:#666;font-size:14px}.observationVideoPlay .videoPane .leftWrap .averageScore span{color:#fd8f45}.observationVideoPlay .videoPane .rightWrap{background-color:#fff;padding:20px 30px;width:39%;box-sizing:border-box;display:inline-block;height:540px;position:relative}.observationVideoPlay .videoPane .rightWrap .toQrcode{position:absolute;right:136px;top:32px;height:20px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAQBJREFUOE+tkj1uwjAYht8vIKHegL8mOyVcACxO0C6VOneiV2oPwNAZ9QIkcAEDuz3A1BEJoZavssEBosqlCl7i5LUfOe9jQsFBBffDAm473YeAgzcAVQtkrJj5Rc/TkS8zSy0gisUKTI9qNp6a97DV7VGJ3pVMG77sFMBKJhTFgs1HN88/89kVAW2x5N3uSS8mqaE2Y9EPwEMt02bkybIThHe9ewroFUB9b4WXYBqoWfLhyzJAEZV/aozaYgNCxRV4sGZLv1RjZshtMrbygIs0qu/PCrZbCm9qay2T8r81MvB16GuoZfJ8BPg0nhz3t7JtET5V7n/dLXWQsw6KaPwBAsH/ERkfLuYAAAAASUVORK5CYII=) no-repeat 100%;cursor:pointer}.observationVideoPlay .videoPane .rightWrap .toQrcode:hover{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAPZJREFUOE+tkkFKw0AYhd+rQncuuhItJYLHEDyBbgTXEwW9Ut20cZFF1+INxHNksmhPIAjqPJmhE9pgp5U0m2Tm5f+YvC9Ex4sd5xEAZ4WuBTwBOF4CF054rHO+pDL/bgBkhRZyuLF3fPfr0bMu6DCzOU9T2SpAlSGzQvKb8bl9b2d7BczdD27re7556nCiy4MeSms4zAptzJoTjKa6IjEmcOI3JcxBPFjD11TWALqo3Koxm+oTRD8WuLQWSt9VY2MoDnlbbcBOGqsK/fMB+HWED2t4+G+NAr7DkFBWOc0qIKWxOe5fZYciUqri98a/NELWOuii8RdhTfgRUIdhWAAAAABJRU5ErkJggg==) no-repeat 100%}.observationVideoPlay .videoPane .rightWrap .toQrcode:hover p{color:#33aafe}.observationVideoPlay .videoPane .rightWrap .toQrcode p{float:left;margin-right:28px;font-size:12px;color:#666;line-height:20px}.observationVideoPlay .videoPane .rightWrap .toPlayQrcode{position:absolute;right:25px;top:32px;height:20px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAQBJREFUOE+tkj1uwjAYht8vIKHegL8mOyVcACxO0C6VOneiV2oPwNAZ9QIkcAEDuz3A1BEJoZavssEBosqlCl7i5LUfOe9jQsFBBffDAm473YeAgzcAVQtkrJj5Rc/TkS8zSy0gisUKTI9qNp6a97DV7VGJ3pVMG77sFMBKJhTFgs1HN88/89kVAW2x5N3uSS8mqaE2Y9EPwEMt02bkybIThHe9ewroFUB9b4WXYBqoWfLhyzJAEZV/aozaYgNCxRV4sGZLv1RjZshtMrbygIs0qu/PCrZbCm9qay2T8r81MvB16GuoZfJ8BPg0nhz3t7JtET5V7n/dLXWQsw6KaPwBAsH/ERkfLuYAAAAASUVORK5CYII=) no-repeat 100%;cursor:pointer}.observationVideoPlay .videoPane .rightWrap .toPlayQrcode:hover{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAPZJREFUOE+tkkFKw0AYhd+rQncuuhItJYLHEDyBbgTXEwW9Ut20cZFF1+INxHNksmhPIAjqPJmhE9pgp5U0m2Tm5f+YvC9Ex4sd5xEAZ4WuBTwBOF4CF054rHO+pDL/bgBkhRZyuLF3fPfr0bMu6DCzOU9T2SpAlSGzQvKb8bl9b2d7BczdD27re7556nCiy4MeSms4zAptzJoTjKa6IjEmcOI3JcxBPFjD11TWALqo3Koxm+oTRD8WuLQWSt9VY2MoDnlbbcBOGqsK/fMB+HWED2t4+G+NAr7DkFBWOc0qIKWxOe5fZYciUqri98a/NELWOuii8RdhTfgRUIdhWAAAAABJRU5ErkJggg==) no-repeat 100%}.observationVideoPlay .videoPane .rightWrap .toPlayQrcode:hover p{color:#33aafe}.observationVideoPlay .videoPane .rightWrap .toPlayQrcode p{float:left;margin-right:28px;font-size:12px;color:#666;line-height:20px}.observationVideoPlay .videoPane .rightWrap .el-tabs__item{font-size:16px;color:#444}.observationVideoPlay .videoPane .rightWrap .el-tabs__active-bar,.observationVideoPlay .videoPane .rightWrap .el-tabs__item.is-active{color:#33aafe}.observationVideoPlay .videoPane .rightWrap ::-webkit-input-placeholder{color:#bbb}.observationVideoPlay .videoPane .rightWrap ::-moz-placeholder{color:#bbb}.observationVideoPlay .videoPane .rightWrap :-ms-input-placeholder{color:#bbb}.observationVideoPlay .videoPane .rightWrap :-moz-placeholder{color:#bbb}.observationVideoPlay .videoPane .rightWrap .reviewPane{height:300px;background-color:#fff;overflow-y:auto;position:relative}.observationVideoPlay .videoPane .rightWrap .reviewPane .reviewlist{box-sizing:border-box;display:flex;justify-content:flex-start;overflow:hidden;font-size:14px;margin:0 10px 10px;padding-bottom:8px;border-bottom:1px solid #f6f6f6}.observationVideoPlay .videoPane .rightWrap .reviewPane .reviewlist:last-child{margin-bottom:0}.observationVideoPlay .videoPane .rightWrap .reviewPane .reviewlist .reviewlist-title{float:left;width:22%;color:#999;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.observationVideoPlay .videoPane .rightWrap .reviewPane .reviewlist .reviewlist-content{float:left;color:#444;width:76%;font-size:14px;word-break:break-all}.observationVideoPlay .videoPane .rightWrap .reviewPane .reviewlist .reviewlist-content b{font-weight:400;background:#d3eebc;border-radius:2px}.observationVideoPlay .videoPane .rightWrap .reviewPane .reviewlist .reviewlist-time{font-size:12px;color:#ccc}.observationVideoPlay .videoPane .rightWrap .reviewPane .reviewlist .review-delect{font-size:12px;color:#33aeff;margin-left:16px;cursor:pointer;width:30px;display:inline-block}.observationVideoPlay .videoPane .rightWrap .reviewPane .noReview{margin:8px 10px;padding-bottom:8px;font-size:15px}.observationVideoPlay .videoPane .rightWrap .lastestComment{position:absolute;top:-5px;right:20px;padding:5px;color:#666;z-index:999;cursor:pointer}.observationVideoPlay .videoPane .rightWrap textarea{padding:10px;background-color:#f1f2f3;border:1px solid #d7d8da;font-size:14px;color:#333;width:100%;height:100px;resize:none;outline:none;box-sizing:border-box;font-family:inherit}.observationVideoPlay .videoPane .rightWrap .submitReview{margin-top:8px;color:#fff;background-color:#409eff;border-color:#409eff;float:right;cursor:pointer;text-align:center}.observationVideoPlay .videoPane .rightWrap .submitReview:hover{background:#66b1ff;border-color:#66b1ff;color:#fff}.observationVideoPlay .gradePane{padding:30px 60px;background-color:#fff;margin-top:10px}.observationVideoPlay .gradePane .gradeHeader{color:#33aafe;font-size:16px;margin-bottom:25px;text-align:center}.observationVideoPlay .gradePane .gradeHeader img{margin:0 10px}.observationVideoPlay .gradePane .gradeHeader .gradeNotices{font-size:13px;float:right;color:#ccc;margin-right:130px;vertical-align:middle}.observationVideoPlay .gradePane .gradeTable{width:100%}.observationVideoPlay .gradePane .gradeTable thead{background-color:#f1f2f3;height:40px;color:#666;font-size:14px}.observationVideoPlay .gradePane .gradeTable tbody tr td,.observationVideoPlay .gradePane .gradeTable thead th{text-align:center;padding:10px 0}.observationVideoPlay .gradePane .gradeTable tbody .center{width:360px;text-align:left;margin-left:43%}.observationVideoPlay .gradePane .gradeTable tbody .gradeName{position:relative}.observationVideoPlay .gradePane .gradeTable tbody .gradeDescription{margin-top:5px;color:#999}.observationVideoPlay .gradePane .gradeTable tbody .gradeScore{color:#fd8f45;border:none;background-color:transparent;text-align:center;width:130px;height:25px}.observationVideoPlay .gradePane .gradeTable tbody .gradeScore:focus{border:1px solid #e5e5e5;outline:none;border-radius:2px}.observationVideoPlay .gradePane .totalScore{margin-top:10px;font-size:14px;color:#333;float:right;margin-right:100px;position:relative}.observationVideoPlay .gradePane .totalScore span{color:#fd8f45}.observationVideoPlay .gradePane .totalScore .totalRight{position:absolute;top:0;right:-70px}.observationVideoPlay .gradePane .totalScore .totalRight .clearScore{background:#fff;border:1px solid #ccc;width:54px;text-align:center;height:26px;line-height:26px;cursor:pointer;outline:none}.observationVideoPlay .gradePane .submit{margin-top:55px;text-align:center}.observationVideoPlay .gradePane .submit .submitBtn{height:40px;background-color:#33aafe;text-align:center;border-color:#33aafe;color:#fff;width:150px;line-height:40px;cursor:pointer;font-size:15px;outline:none;box-sizing:border-box;-webkit-appearance:none;margin:0;white-space:nowrap;display:inline-block;text-decoration:none;border-radius:2px}