.three-view-buttons-intelligentSecurity[data-v-5e824be8]{top:1vh!important}.three-view-buttons[data-v-5e824be8]{position:absolute;z-index:888;width:-webkit-max-content;width:-moz-max-content;width:max-content;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:2vh}.three-view-buttons li[data-v-5e824be8]{width:101px;height:36px;text-align:center;margin-right:50px}.three-view-buttons li button[data-v-5e824be8]{font-family:PingFangSC-Regular;color:#d1d1d1;font-size:13px;line-height:36px}.three-view-buttons li button img[data-v-5e824be8]{width:16px;height:16px;vertical-align:-6%;margin-right:5px}.three-view-buttons li button i[data-v-5e824be8]{font-size:14px;margin-right:2px;color:#2eb0c4}.three-view-buttons li[data-v-5e824be8]:last-child{margin-right:0}.three-view-buttons .all-dept-button[data-v-5e824be8]{background-image:url(/img/3.0/general/all-dept-back.png);background-size:cover}.three-view-buttons .all-dept-button-active[data-v-5e824be8]{background-image:url(/img/3.0/general/all-dept-back-active.png);background-size:cover}.three-view-buttons .all-dept-button-active button[data-v-5e824be8],.three-view-buttons .all-dept-button-active i[data-v-5e824be8]{color:#3de6ff}.three-view-buttons .alarm-dept-back[data-v-5e824be8]{background-image:url(/img/3.0/general/alarm-dept-back.png);background-size:cover}.three-view-buttons .alart-dept-button[data-v-5e824be8]{background-image:url(/img/3.0/general/alarm-dept-back-active.png);background-size:cover}.three-view-buttons .alart-dept-button button[data-v-5e824be8]{color:#3de6ff}.empty-wrapper[data-v-6ad8e890]{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.empty-wrapper button[data-v-6ad8e890]{font-size:.729vw;color:#3de6ff;padding:.208vw 1vw;border-radius:4px;border:1px solid;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-o-border-image:linear-gradient(90deg,rgba(61,230,255,.3),#3de6ff) 1 1;border-image:-webkit-gradient(linear,left top,right top,from(rgba(61,230,255,.3)),to(#3de6ff)) 1 1;border-image:linear-gradient(90deg,rgba(61,230,255,.3),#3de6ff) 1 1}.empty-wrapper button[data-v-6ad8e890]:hover{background:-webkit-gradient(linear,left top,right top,from(rgba(61,230,255,.3)),color-stop(48%,rgba(61,230,255,.6)),to(rgba(61,230,255,.3)));background:linear-gradient(90deg,rgba(61,230,255,.3),rgba(61,230,255,.6) 48%,rgba(61,230,255,.3));color:#fff}.empty-wrapper button i[data-v-6ad8e890]{font-size:.625vw}.camera-body[data-v-32a640d0]{width:100%;padding:20px 0;min-height:0;-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.camera-body .camera-left[data-v-32a640d0]{width:20%;background:rgba(0,62,112,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-right:.51vw}.camera-body .camera-left .camera-left-t p[data-v-32a640d0]{font-size:.92vw;color:#3de6ff;padding:1.81vh .81vw}.camera-body .camera-left .camera-left-t div[data-v-32a640d0]{width:100%;height:23vh;border-top:1px solid #33c9e1;border-bottom:1px solid #33c9e1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.camera-body .camera-left .camera-left-m[data-v-32a640d0]{padding:3.3vh 1.5vw 0 1.5vw;line-height:3.3vh;min-height:10vh;overflow-y:scroll}.camera-body .camera-left .camera-left-m .flex-column[data-v-32a640d0]{-webkit-box-flex:1;-ms-flex:1;flex:1}.camera-body .camera-left .camera-left-m span[data-v-32a640d0]{color:#fff}.camera-body .camera-left .camera-left-m span i[data-v-32a640d0]{font-style:normal;color:hsla(0,0%,100%,.5)}.camera-body .camera-left .camera-left-btom[data-v-32a640d0]{padding:0 .521vw;width:100%;display:grid;-ms-flex-pack:distribute;justify-content:space-around;grid-template-columns:repeat(3,70px);margin-top:9vh}.camera-body .camera-left .camera-left-btom .button-all[data-v-32a640d0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:10px}.camera-body .camera-left .camera-left-btom .button-all .item-text[data-v-32a640d0]{color:#3de6ff;margin-top:10px;font-size:.629vw}.camera-body .camera-left .camera-left-btom .button-item[data-v-32a640d0]{width:3.307vw;height:3.307vw;border-radius:3.307vw;background:-webkit-gradient(linear,left top,left bottom,from(rgba(52,213,249,.08)),to(rgba(93,190,252,.07)));background:linear-gradient(180deg,rgba(52,213,249,.08),rgba(93,190,252,.07))}.camera-body .camera-left .camera-left-btom .button-item .small-button[data-v-32a640d0],.camera-body .camera-left .camera-left-btom .button-item[data-v-32a640d0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.camera-body .camera-left .camera-left-btom .button-item .small-button[data-v-32a640d0]{width:2.292vw;height:2.292vw;border-radius:2.292vw;background:rgba(52,213,249,.15);background-size:cover;cursor:pointer}.camera-body .camera-left .camera-left-btom .button-item .small-button .img[data-v-32a640d0]{width:20px}.camera-body .camera-content[data-v-32a640d0]{padding:10px;-webkit-box-flex:1;-ms-flex:auto;flex:auto;height:100%;border:1px solid rgba(61,229,255,.3843137254901961);display:-webkit-box;display:-ms-flexbox;display:flex;background-color:rgba(0,62,112,.1)}.camera-body .camera-content li[data-v-32a640d0]{-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%}.camera-body .camera-control[data-v-32a640d0]{width:22%;background:rgba(0,62,112,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-left:.51vw}.camera-body .camera-control .title[data-v-32a640d0]{font-size:16px;color:#3de6ff;padding:20px 16px 14px;border-bottom:1px solid rgba(61,229,255,.28627450980392155)}.camera-body .camera-control .camera-control-content[data-v-32a640d0]{padding:1vw 1vw}.camera-body .camera-control .camera-control-content .control-direction[data-v-32a640d0]{width:80%;border:4.7vw solid rgba(24,148,250,.2);border-radius:50%;position:relative;margin:1vw auto;cursor:pointer}.camera-body .camera-control .camera-control-content .control-direction button[data-v-32a640d0]{position:absolute;color:#f0f8ff}.camera-body .camera-control .camera-control-content .control-direction button i[data-v-32a640d0]{font-size:2vw}.camera-body .camera-control .camera-control-content .control-direction button[data-v-32a640d0]:first-child{top:-3vw;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.camera-body .camera-control .camera-control-content .control-direction button[data-v-32a640d0]:nth-child(2){right:-3vw;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.camera-body .camera-control .camera-control-content .control-direction button[data-v-32a640d0]:nth-child(3){bottom:-3vw;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.camera-body .camera-control .camera-control-content .control-direction button[data-v-32a640d0]:nth-child(4){left:-3vw;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.camera-body .camera-control .buttons[data-v-32a640d0]{margin-top:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.camera-body .camera-control .buttons button[data-v-32a640d0]{margin:0 .3vw;-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:.729vw;width:100%;padding:.521vw 0;border:1px solid;-o-border-image:linear-gradient(90deg,rgba(61,230,255,.3),#3de6ff) 1 1;border-image:-webkit-gradient(linear,left top,right top,from(rgba(61,230,255,.3)),to(#3de6ff)) 1 1;border-image:linear-gradient(90deg,rgba(61,230,255,.3),#3de6ff) 1 1;font-size:.833vw}.camera-body .camera-control .camera-model button[data-v-32a640d0]{color:rgba(61,229,255,.5568627450980392)}.camera-body .camera-control .camera-model .active[data-v-32a640d0],.camera-body .camera-control .camera-model button[data-v-32a640d0]:hover{color:#3de6ff}.camera-body .camera-control .camera-model i[data-v-32a640d0]{margin-right:4px}.camera-body .camera-control .camera-focus button[data-v-32a640d0]{color:#3de6ff}.camera-body .camera-control .camera-focus i[data-v-32a640d0]{margin:0 .833vw}.camera-body .camera-control .camera-other[data-v-32a640d0]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;margin-top:40px}.camera-body .camera-control .camera-other li[data-v-32a640d0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.camera-body .camera-control .camera-other li span[data-v-32a640d0]{margin-top:8px;font-size:.833vw;color:rgba(61,229,255,.5568627450980392)}.camera-body .camera-control .camera-other button[data-v-32a640d0]{margin:0 10px;width:4.167vw;height:4.167vw;background-clip:content-box;border:.625vw solid rgba(24,148,250,.2);background-color:rgba(25,150,252,.4);border-radius:50%}.camera-body .camera-control .camera-other button i[data-v-32a640d0]{font-size:2vw;color:rgba(61,229,255,.5568627450980392)}.camera-body .camera-control .camera-other button .active[data-v-32a640d0],.camera-body .camera-control .camera-other button:hover i[data-v-32a640d0]{color:#3de6ff}.camera-body[data-v-7b31174e]{padding:20px 0;min-height:0;-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.camera-body .camera-content[data-v-7b31174e]{padding:10px;width:76%;height:100%;border:1px solid rgba(61,229,255,.3843137254901961);display:-webkit-box;display:-ms-flexbox;display:flex;background-color:rgba(0,62,112,.1)}.camera-body .camera-content img[data-v-7b31174e],.camera-body .camera-content video[data-v-7b31174e]{width:100%;height:100%}.camera-body .camera-control[data-v-7b31174e]{width:22%;background:rgba(0,62,112,.3);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.camera-body .camera-control .title[data-v-7b31174e]{font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex}.camera-body .camera-control .title span[data-v-7b31174e]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:block;color:rgba(61,229,255,.5411764705882353);cursor:pointer;text-align:center;padding:20px 0 10px;border-bottom:1px solid rgba(61,229,255,.28627450980392155)}.camera-body .camera-control .title span.active[data-v-7b31174e]{color:#3de6ff;border-bottom:1px solid #3de6ff}.camera-body .camera-control .camera-control-content[data-v-7b31174e]{padding:1vw 1vw;min-height:0;-webkit-box-flex:1;-ms-flex:1;flex:1}.camera-body .camera-control .camera-control-content ul[data-v-7b31174e]{height:100%;overflow-y:hidden;margin-right:4px}.camera-body .camera-control .camera-control-content:hover ul[data-v-7b31174e]{overflow-y:auto;margin-right:0}.camera-body .camera-control .camera-control-content .list-item[data-v-7b31174e]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:4px 14px;background-color:rgba(0,62,112,.5);margin-bottom:10px}.camera-body .camera-control .camera-control-content .list-item .left[data-v-7b31174e]{cursor:pointer}.camera-body .camera-control .camera-control-content .list-item i[data-v-7b31174e]{font-size:16px;color:#3de6ff;cursor:pointer}.camera-body .camera-control .camera-control-content .list-item h4[data-v-7b31174e]{font-size:14px;line-height:2;color:#fff}.camera-body .camera-control .camera-control-content .list-item span[data-v-7b31174e]{line-height:2}