html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.ant-menu.ant-menu-root,.ant-menu.ant-menu-sub{scrollbar-width:thin;scrollbar-color:#cfcece transparent}.ant-menu.ant-menu-root::-webkit-scrollbar,.ant-menu.ant-menu-sub::-webkit-scrollbar{width:8px}.ant-menu.ant-menu-root::-webkit-scrollbar-track,.ant-menu.ant-menu-sub::-webkit-scrollbar-track{background:transparent}.ant-menu.ant-menu-root::-webkit-scrollbar-thumb,.ant-menu.ant-menu-sub::-webkit-scrollbar-thumb{background:#cfcece;border-radius:4px}.ant-menu.ant-menu-root::-webkit-scrollbar-thumb:hover,.ant-menu.ant-menu-sub::-webkit-scrollbar-thumb:hover{background:#cfcece}.login-container{width:calc(100% + -0px);height:calc(100vh + -0px);background:url(../png/login_bg-QIlz2LtK.png) no-repeat center center;background-size:cover;display:flex;justify-content:center;align-items:center}.login-container .login_bj{width:700px;height:400px;background-size:cover;display:flex;align-items:center;justify-content:space-between;background:url(../png/login_bgTop-NS2IaAd4.png) no-repeat center center;background-size:contain;margin-bottom:5%}.login-container .login_bj .login_left{width:40%;height:100%}.login-container .login_bj .login_right{width:55%;height:100%}.login-container .login_bj .login_right p{font-size:18px;font-weight:700;text-align:center;margin:50px 0 20px;width:100%;letter-spacing:20px}.login-container .login_bj .login_right .login_input{display:flex;align-items:center;flex-wrap:wrap;justify-content:center}.login-container .login_bj .login_right .login_input .login_input_item{margin:15px 0;width:100%;width:300px;height:40px}.login-container .login_bj .login_right .login_input .btnLe{margin:20px 0;letter-spacing:10px;font-size:18px;font-weight:700}.menu .menuTop{position:absolute;top:0;left:100%;width:100%;z-index:10}.menu .coreCtrl{width:100%;border-radius:0;border:0px;text-align:center;font-size:16px;font-weight:700;height:45px;line-height:45px;border:none;padding:4px}.menu .coreCtrl .coreCtrlBtn{width:100%;height:100%}.menu .coreCtrl .coreCtrlBtnColor{background-color:#4e95fb;color:#fff}.demo-logo{width:138px;height:50px;background:url(../png/logo-BIeU9IDl.png) no-repeat center center;background-size:100% 100%}.headerTopbackLight{background-color:#4e95fb}.headerTopbackDark{background-color:#001d48}.headerTopRight{display:flex;align-items:center;justify-content:flex-end}.headerTopCenter{height:35px;width:400px;background-color:#e9f1fd;border-radius:16px;color:#03a9f4;padding:0 20px;text-align:left;font-weight:600;font-size:13px;display:flex;align-items:center;flex-wrap:nowrap;position:relative;margin-left:20%}.vipINdoorType{white-space:nowrap;max-width:138px;display:inline-block;overflow:hidden;text-overflow:ellipsis}.Misssound{width:450px;height:150px;overflow:auto;margin:0 auto 20px;border:1px solid #ccc;border-radius:12px;padding:5px}.MisssoundDiv{border-bottom:1px solid #ccc}.MisssoundList{display:flex;justify-content:space-between;align-items:center;padding:5px}.MisssoundList:first-child{color:#000;font-weight:700}.video-card{width:100%;height:calc(100vh - 115px);display:flex;flex-wrap:wrap;overflow:auto;gap:10px;justify-content:flex-start;align-content:flex-start}.videoContainer{position:relative;width:100%;height:100%}.videoContainer .videosBottom{position:absolute;bottom:0;font-size:20px;z-index:9;display:flex;justify-content:space-between;width:100%;padding:2px 0;background:#00000073;color:#fff;opacity:0;transition:opacity .3s ease;pointer-events:none}.videoContainer .videosTop{position:absolute;top:0;font-size:20px;z-index:9;display:flex;justify-content:space-between;width:100%;padding:0;opacity:0;transition:opacity .3s ease;pointer-events:none}.videoContainer .videosBtn{font-size:18px;color:#fff!important;font-weight:700}.videoContainer .videosBtnColor{font-size:18px;font-weight:700}.videoContainer .errorTPlink{position:absolute;color:#fff;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:8;background-color:#00000094;font-size:12px}.videoContainer .tplinkLading{position:absolute;color:#fff;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:8;background-color:#00000094;font-size:12px;z-index:9}.videoContainer:hover .videosTop,.videoContainer:hover .videosBottom{opacity:1;pointer-events:auto}.video-item{background-color:#e6e6e6;border-radius:5px;overflow:hidden;font-weight:700}.doorSettindTop{display:flex;align-items:center;justify-content:space-between;padding:0}.doorSettindTop .doorTopBtn{width:80px;height:28px;background:#d0d1d3;color:#000;margin:0 5px}.doorNumList{display:flex;align-items:center;justify-content:space-between;justify-content:start}.doorNumList .doorSettindList{width:140px;height:40px;text-align:center;font-size:18px;margin:0 5px;border:1px solid #d0d1d3;border-radius:10px;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;font-weight:700}.doorNumList .doorSettindList span{margin:0 3px}.doorNumList .doorSettindList span:nth-child(3){font-size:16px}.doorNumList .spanInterON{color:#01a52a}.doorNumList .spanInterOFF{color:red}.doorNumList .switchColorON{background-color:#01a52a}.doorNumList .switchColorOFF{background:red}.doorSettindBottom{display:flex;align-items:center;justify-content:space-between;justify-content:start;flex-wrap:wrap}.doorSettindBottom .doorSettindListBtn{display:flex;align-items:center;justify-content:space-between;justify-content:start}.doorSettindBottom .doorSettindListBtn .buttonclass{margin:10px 5px 0}.doorSettindBottom .doorModeListBtn{display:flex;align-items:center;justify-content:space-between;justify-content:start}.doorSettindBottom .doorModeListBtn .buttonclass{margin:10px 5px 0}.sound{position:relative}.soundList{top:40px;position:absolute;width:100%;height:0px;border-radius:10px;border:1px solid #d0d1d3;z-index:999;transition:height .7s,border .8s;overflow:hidden;border:none}.sound:hover .soundList{height:300px;overflow:auto;border:1px solid #d0d1d3}.renderSound{display:flex;justify-content:space-between;align-items:center;justify-content:start}.renderSound .renderSoundList{width:100%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d0d1d3;padding:5px 0}.renderSound .rendSoundIcon{width:20px;height:10px;margin:0 5px;cursor:pointer;color:#4e95fb}.renderSound .rendSoundBtn{width:20px;height:20px}.alignokOpenDoorclasstwo{margin-right:6px;margin-top:-4px;animation:glow .9s ease-in-out infinite alternate}@keyframes glow{0%{background-color:#fa3b22;color:#fff;opacity:1}to{background-color:#fff;color:#fa3b22;opacity:.1}}.pwsPar{width:100px;height:30px;border:1px solid #d0d1d3;border-radius:8px;text-align:center;line-height:30px;margin:3px}.pwsPardiv{display:flex;flex-wrap:wrap}.playback-progress-container{width:100%;padding:0;background:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a}.time-display{margin-bottom:12px;font-size:18px;font-weight:700;color:#ff4d4f;font-family:monospace}.zoom-controls{margin-bottom:20px;display:flex;gap:8px}.zoom-controls button{padding:6px 12px;border:1px solid #d9d9d9;background:#fafafa;color:#333;border-radius:4px;cursor:pointer;font-size:12px;transition:all .3s}.zoom-controls button.active{border-color:#1890ff;background:#1890ff;color:#fff}.progress-scroll-wrapper{width:100%;overflow-x:auto;overflow-y:visible;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:#d9d9d9 transparent;cursor:pointer}.progress-scroll-wrapper::-webkit-scrollbar{height:8px}.progress-scroll-wrapper::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:4px}.progress-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:#b8b8b8}.progress-bar-wrapper{position:relative;height:80px;min-width:100%;margin-left:18px}.ticks-container{position:absolute;top:-4px;left:0;width:100%;height:20px;pointer-events:none}.tick-item{position:absolute;transform:translate(-50%);display:flex;flex-direction:column;align-items:center}.tick-line{width:1px;height:6px;background:#999}.tick-label{font-size:12px;color:#666;white-space:nowrap;margin-top:2px}.hour-tick .tick-line{height:10px;background:#333}.hour-tick .tick-label{font-weight:700}.track-background{position:absolute;top:30px;left:0;width:100%;height:8px;background:#f0f0f0;border-radius:4px}.record-segment{position:absolute;top:30px;height:8px;background:#52c41a;border-radius:0;opacity:.8}.current-indicator{position:absolute;top:20px;bottom:0;width:2px;background:#ff4d4f;transform:translate(-50%);z-index:9998}.current-indicator:after{content:"";position:absolute;bottom:-5px;left:-4px;width:10px;height:10px;background:#ff4d4f;border-radius:50%}.hover-indicator{position:absolute;top:0;bottom:0;width:2px;transform:translate(-50%);pointer-events:none;z-index:99999}.hover-line{position:absolute;top:20px;bottom:0;left:50%;width:1px;background:#00000080;transform:translate(-50%)}.hover-tooltip-container{position:absolute;top:-28px;left:50%;transform:translate(-50%);z-index:99999;pointer-events:none}.hover-tooltip{display:inline-block;background:#000c;color:#fff;padding:3px 10px;border-radius:4px;font-size:12px;font-family:monospace;white-space:nowrap;box-shadow:0 2px 4px #0003}.colorYellor{color:#ff8400}.colorRed{color:red}.colorGreen{color:#01a52a}.felxLayout{display:flex;align-items:center;justify-content:space-between}.buttonIcon{font-size:18px}.tubiaoclass{margin-top:20px;width:15%;height:70px;border-radius:10px;text-align:center;color:#fff;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.tubiaoclass h3{width:100%;font-size:18px;color:#fff;font-weight:900}.queryTop{display:flex;align-items:center;justify-content:start;margin-bottom:20px;margin-right:20px}.queryDIV{margin-right:40px}