.contain[data-v-7342639f]{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.access_station[data-v-7342639f]{width:15%;height:83vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.station_list[data-v-7342639f]{margin-bottom:16px}.access_list[data-v-7342639f]{-webkit-box-flex:1;-ms-flex:1;flex:1;background:#fff;border-radius:8px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.06);box-shadow:0 2px 8px rgba(0,0,0,.06);overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.camera-list-title[data-v-7342639f]{padding:12px 16px;font-size:15px;font-weight:700;color:#303133;border-bottom:1px solid #ebeef5;background:#f8f9fb}.camera-list-wrapper[data-v-7342639f]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:8px 0}.camera-item[data-v-7342639f]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 16px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;border-left:3px solid transparent}.camera-item[data-v-7342639f]:hover{background-color:#f5f7fa}.camera-item.active[data-v-7342639f]{background-color:#e6f7ff;border-left-color:#409eff;color:#409eff}.camera-item.disabled[data-v-7342639f]{opacity:.5;cursor:not-allowed;color:#909399}.camera-icon[data-v-7342639f]{font-size:20px;margin-right:12px;color:#409eff}.camera-icon.placeholder[data-v-7342639f]{color:#c0c4cc}.camera-info[data-v-7342639f]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.camera-name[data-v-7342639f]{font-size:14px;font-weight:500;color:#303133;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.camera-channel[data-v-7342639f]{font-size:12px;color:#909399;margin-top:4px}.camera-status[data-v-7342639f]{font-size:12px;color:#67c23a;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.status-dot[data-v-7342639f]{display:inline-block;width:8px;height:8px;border-radius:50%;background:#67c23a;margin-right:6px}.status-dot.offline[data-v-7342639f]{background:#f56c6c}.acess_screen[data-v-7342639f]{width:82%;margin-left:40px}.screen_list[data-v-7342639f]{height:40px;line-height:40px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.screen_list[data-v-7342639f],.split-container[data-v-7342639f]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.split-container[data-v-7342639f]{gap:10px}.screen_font[data-v-7342639f]{font-size:16px;font-weight:bolder}.icon-wrapper[data-v-7342639f]{cursor:pointer;padding:5px;height:40px;border-radius:4px;-webkit-transition:all .3s;transition:all .3s}.icon-wrapper[data-v-7342639f]:hover{background-color:#f5f7fa}.icon-wrapper.active .icon[data-v-7342639f]{color:#409eff}.icon-wrapper .icon[data-v-7342639f]{color:#666;-webkit-transition:color .3s;transition:color .3s}.split_screen[data-v-7342639f]{width:100%;height:calc(90vh - 120px);background:#000;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box}.grid-1[data-v-7342639f]{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;gap:10px}.grid-4[data-v-7342639f]{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px}.grid-9[data-v-7342639f]{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:10px}.grid-6-special[data-v-7342639f]{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:repeat(3,1fr);gap:10px}.big-screen[data-v-7342639f]{grid-column:1/2;grid-row:1/4}.video-item[data-v-7342639f]{position:relative;background:#000;border-radius:4px;overflow:hidden}.video-title[data-v-7342639f]{position:absolute;top:0;left:0;right:0;background:rgba(0,0,0,.5);color:#fff;padding:5px 10px;font-size:14px;z-index:10}.video-error[data-v-7342639f]{color:#fff;text-align:center;line-height:200px}.nammodel[data-v-7342639f]{float:left;text-overflow:ellipsis;overflow:hidden}.addbrand[data-v-7342639f]{font-size:12px;color:#b4b4b4}