.main[data-v-6ff96c18]{height:calc(100% + 30px);width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;border-top:1px solid #ccc}.main .left[data-v-6ff96c18]{height:100%;width:250px;float:left;background:#fff;overflow-x:auto;border-right:1px solid #dee3e6;border-top:1px solid #ccc;display:inline-block}.main .deviceInfo[data-v-6ff96c18]{width:100%;max-height:62%;overflow-y:auto}.main .deviceControl[data-v-6ff96c18]{width:100%;height:30%}.main .right[data-v-6ff96c18]{width:calc(100% - 250px);display:inline-block;height:100%}.main[data-v-6ff96c18] .el-tree{margin-top:1vh;margin-left:.5vh}.main[data-v-6ff96c18] .headVideo{margin-top:0}.main[data-v-6ff96c18] .headVideo,.main[data-v-6ff96c18] .headVideo1{border:1px solid #e3e3e3;border-radius:8px;-webkit-box-shadow:1px 1px 1px #888;box-shadow:1px 1px 1px #888;padding:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.main[data-v-6ff96c18] .headVideo1{margin-top:8px}.main[data-v-6ff96c18] .headInfo{font-size:15px;font-weight:700}.main[data-v-6ff96c18] .heartVideo{width:100%;height:11%;background-color:#121313;opacity:.5}.main[data-v-6ff96c18] .videoName{width:80%;float:left;margin-top:1%;margin-left:2%;-ms-flex-line-pack:center;align-content:center;color:#fff;font-size:large;font-weight:500}[data-v-6ff96c18] .videocss{float:left;background-image:url(../img/video.83de2a91.jpg);background-size:100% 100%;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}