.player:hover .player-control__bar{visibility:visible}.player .player-control__bar{width:100%;position:absolute;bottom:0;left:0;right:0;height:30px;z-index:100;background-color:rgba(43,51,63,.7);visibility:hidden}.player .pcb-volume{width:40px;height:30px;position:relative;float:left}.player .pcb-volume .pcb-volume__icon{height:18px;width:40px;color:#fff;font-size:18px;text-align:center;line-height:30px;position:absolute;top:12px}.player .pcb-volume .pcb-volume__icon div{cursor:pointer;margin-top:-12px}.player .pcb-fullscreen{font-size:18px;text-align:center;line-height:30px;color:#fff;float:right}.player .pcb-fullscreen div{cursor:pointer}.player .player-state{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#fff;background:rgba(0,0,0,.7)}.popper-volume__control{padding:0;border:none;min-width:30px;width:30px;height:80px;background:transparent}.popper-volume__control .popper__arrow{display:none;height:12px;width:30px;border:none;background:rgba(43,51,63,.7);left:0!important}.popper-volume__control .popper__arrow:after,.popper-volume__control .popper__arrow:before{content:"";bottom:0;background:transparent}.popper-volume__control .pcb-volume__control{height:80px;background-color:rgba(43,51,63,.7);width:30px}.popper-volume__control .pcb-volume__control .el-slider{padding:15px 0}.popper-volume__control .pcb-volume__control .el-slider__runway{width:3px;background-color:rgba(115,133,159,.5);margin:0 14px}.popper-volume__control .pcb-volume__control .el-slider__runway .el-slider__bar{width:3px;background-color:#fff}.popper-volume__control .pcb-volume__control .el-slider__runway .el-slider__button-wrapper{width:31px;height:31px}.popper-volume__control .pcb-volume__control .el-slider__runway .el-slider__button{width:12px;height:12px;border:none}.room-device__page .breadcrumb-bold[data-v-1312cb06]{font-weight:700}.room-device__page .device-aside[data-v-1312cb06]{background:#fefefe;border-radius:0 0 0 6px;border-right:1px solid #e9ebee;height:calc(100vh - 50px)}.room-device__page .device-aside .aside-warp__title[data-v-1312cb06]{background:rgba(213,221,235,.2);height:38px;line-height:38px;color:#2a2f44;padding:0 10px 0 14px;font-weight:600}.room-device__page .device-aside .aside-warp__title .btn[data-v-1312cb06]{float:right}.room-device__page .device-aside .tree .el-tree-node__content[data-v-1312cb06]{position:relative;line-height:30px;height:30px}.room-device__page .device-aside .tree .el-tree-node__content:hover .tree-btn[data-v-1312cb06]{display:block}.room-device__page .device-aside .tree .tree-node[data-v-1312cb06]{padding-right:50px}.room-device__page .device-aside .tree .tree-node .tree-btn[data-v-1312cb06]{position:absolute;right:10px;top:0;display:none}.room-device__page .device-aside .tree .tree-node .tree-btn .el-button[data-v-1312cb06]{padding:0;color:#858b97;font-size:16px}.room-device__page .device-aside .tree .tree-node .tree-btn .el-button[data-v-1312cb06]:hover{color:#4f78ff}.room-device__page .device-aside .tree .tree-node .tree-btn .el-button+.el-button[data-v-1312cb06]{margin-left:5px}.room-device__page .device-aside .tree .el-icon-caret-right[data-v-1312cb06]{font-family:spicon!important;color:#858b97;font-size:10px}.room-device__page .device-aside .tree .el-icon-caret-right[data-v-1312cb06]:before{content:"\e6c1"}.room-device__page .device-aside .tree .el-tree-node__expand-icon.is-leaf[data-v-1312cb06]{color:transparent}.room-device__page .device-aside .tree .el-tree-node__expand-icon.expanded[data-v-1312cb06]{font-family:spicon!important;transform:rotate(0deg)}.room-device__page .device-aside .tree .el-tree-node__expand-icon.expanded[data-v-1312cb06]:before{content:"\e600"}.room-device__page .el-main[data-v-1312cb06]{background:#fff;padding:15px 15px}.room-device__page .device-main .el-breadcrumb span[data-v-1312cb06]{margin-right:5px}.room-device__page .device-main .el-breadcrumb .el-breadcrumb__inner[data-v-1312cb06]{color:#2a2f44;font-weight:700}.room-device__page .device-main .el-breadcrumb .el-breadcrumb__inner.is-link[data-v-1312cb06],.room-device__page .device-main .el-breadcrumb .el-breadcrumb__inner a[data-v-1312cb06]{color:rgba(14,12,12,.45);font-weight:500}.room-device__page .device-main .el-breadcrumb .el-breadcrumb__separator[data-v-1312cb06]{margin:0 2px}.room-device__page .device-main .device-main__filter[data-v-1312cb06]{margin-bottom:14px;line-height:34px}.room-device__page .device-main .device-main__filter .device-info .green[data-v-1312cb06]{color:#00a600}.room-device__page .device-main .device-main__filter .device-info .red[data-v-1312cb06]{color:red}.room-device__page .device-main .device-main__filter .device-condition__item[data-v-1312cb06]{display:inline-block}.room-device__page .device-main .device-main__filter .device-condition__item[data-v-1312cb06]:first-child{margin-right:12px}.room-device__page .device-main .device-main__filter .condition-content[data-v-1312cb06],.room-device__page .device-main .device-main__filter .condition-title[data-v-1312cb06]{display:inline-block}.room-device__page .device-main .device-navigation[data-v-1312cb06]{margin-bottom:10px;line-height:30px}.room-device__page .device-main .device-navigation .device-tabs .tabs-item[data-v-1312cb06]{display:inline-block;border:1px solid #c4c4c4;width:56px;height:28px;text-align:center;line-height:28px;position:relative;cursor:pointer}.room-device__page .device-main .device-navigation .device-tabs .tabs-item[data-v-1312cb06]:first-child{border-radius:6px 0 0 6px}.room-device__page .device-main .device-navigation .device-tabs .tabs-item:first-child.active[data-v-1312cb06]{margin-right:-1px;z-index:1}.room-device__page .device-main .device-navigation .device-tabs .tabs-item[data-v-1312cb06]:last-child{border-radius:0 6px 6px 0}.room-device__page .device-main .device-navigation .device-tabs .tabs-item:last-child.active[data-v-1312cb06]{margin-left:-1px;z-index:1}.room-device__page .device-main .device-navigation .device-tabs .tabs-item.active[data-v-1312cb06]{border-color:#4f78ff}.room-device__page .device-main .device-main__content[data-v-1312cb06] .device-state__td{vertical-align:top}.room-device__page .device-main .device-main__content[data-v-1312cb06] .sp-icon-block-plus-outline{margin-right:5px}.room-device__page .device-main .device-main__content .red[data-v-1312cb06]{color:#e43839}.room-device__page .device-main .device-main__content .green[data-v-1312cb06]{color:#008002}.room-device__page .device-main .device-main__content .yellow[data-v-1312cb06]{color:#f8af1d}.room-device__page .device-main .device-card__list .card-item[data-v-1312cb06]{width:16.66%;display:inline-block;margin-bottom:12px}.room-device__page .device-main .device-card__list .card-item.error-device .item-content[data-v-1312cb06]{border:1px solid #ff9b9b;background:#fff9f9}.room-device__page .device-main .device-card__list .el-icon-warning[data-v-1312cb06]{color:#e43839;display:inline-block;margin-left:4px}.room-device__page .device-main .device-card__list .item-body[data-v-1312cb06]{padding:0 6px}.room-device__page .device-main .device-card__list .item-content[data-v-1312cb06]{background:#fff;box-shadow:3px 3px 14px 0 rgba(136,149,173,.4);border-radius:6px;padding:14px 10px 12px 27px;position:relative}.room-device__page .device-main .device-card__list .item-content .green[data-v-1312cb06]{color:#008002}.room-device__page .device-main .device-card__list .item-content .red[data-v-1312cb06]{color:#e43839}.room-device__page .device-main .device-card__list .item-content .card-icon[data-v-1312cb06]{position:absolute;left:0;top:14px}.room-device__page .device-main .device-card__list .item-content .card-inclass[data-v-1312cb06]{position:absolute;right:0;top:0;color:#fff;background:#008002;border-radius:0 6px 0 6px;width:22px;height:18px;font-size:12px;text-align:center}.room-device__page .device-main .device-card__list .item-content .card-name[data-v-1312cb06]{color:#1a1a1a;font-weight:700;line-height:20px;margin-bottom:5px;height:40px}.room-device__page .device-main .device-card__list .item-content .left-port[data-v-1312cb06]{position:relative;top:0}.room-device__page .device-main .device-card__list .item-content .card-state p[data-v-1312cb06]{margin-bottom:3px;color:#a9a9a9}.room-deviceInfo__popper{padding:20px 15px 16px 20px;background:rgba(0,0,0,.8);color:#fff;border-radius:6px}.room-deviceInfo__popper .popper__arrow:after{border-bottom-color:rgba(0,0,0,.8)!important}.room-deviceInfo__popper .green{color:#31d80e}.room-deviceInfo__popper .red{color:#ff4646}.room-deviceInfo__popper .info-label{color:hsla(0,0%,100%,.7)}.room-deviceInfo__popper .deviceinfo-inclass{color:#31d80e;position:relative;padding-left:11px;margin-bottom:10px}.room-deviceInfo__popper .deviceinfo-inclass:after{position:absolute;content:"";left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:#31d80e}.room-deviceInfo__popper .left-port{position:relative;top:0}.room-deviceInfo__popper .deviceinfo-course{margin-bottom:8px}.room-deviceInfo__popper .deviceinfo-teacher{padding-bottom:8px;border-bottom:1px solid hsla(0,0%,100%,.7);margin-bottom:8px}.room-deviceInfo__popper .iframe-name{margin-bottom:8px}.room-deviceInfo__popper .iframe-line{margin-bottom:-8px}.room-deviceInfo__popper .iframe-item{display:inline-block;margin-bottom:8px;width:55%}.room-deviceInfo__popper .iframe-item:nth-child(2n){width:45%}.loadVideo{position:relative;right:-25px;top:-10px}