inl-ui 0.1.21 → 0.1.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (20) hide show
  1. package/dist/components/index.cjs +84 -23
  2. package/dist/components/index.d.ts +68 -10
  3. package/dist/components/index.js +83 -24
  4. package/dist/components/style.css +2 -1
  5. package/dist/hooks/index.cjs +5 -9
  6. package/dist/hooks/index.js +5 -9
  7. package/dist/index.cjs +85 -24
  8. package/dist/index.d.ts +86 -28
  9. package/dist/index.js +84 -24
  10. package/dist/style.css +2 -1
  11. package/dist/tplib/index.cjs +5 -9
  12. package/dist/tplib/index.d.ts +0 -1
  13. package/dist/tplib/index.js +5 -9
  14. package/dist/video/index.cjs +84 -23
  15. package/dist/video/index.d.ts +65 -7
  16. package/dist/video/index.js +83 -24
  17. package/dist/video/style.css +2 -1
  18. package/dist/videoMobile/index.cjs +7 -11
  19. package/dist/videoMobile/index.js +7 -11
  20. package/package.json +3 -1
package/dist/style.css CHANGED
@@ -1,3 +1,4 @@
1
1
  .playVideos{display:flex;flex-direction:column;height:100%;padding-left:20px}.playVideos .operate{display:flex;justify-content:space-between;margin:5px 0}.playVideos .operate .button{cursor:pointer}.playVideos .grid{display:grid;flex:1;overflow:hidden}.playVideos .grid .video{background:#000;border:1px solid hsla(216,7%,59%,.3);height:100%;object-fit:fill;overflow:hidden;width:100%}.playVideos .grid.full{height:100%;left:0;position:fixed;top:0;width:100%;z-index:10}.playVideos .type1{grid-template-columns:1fr;grid-template-rows:1fr}.playVideos .type4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.playVideos .type8{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}.playVideos .type8 .video:first-child{grid-column:1/4;grid-row:1/4}.playVideos .type9{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr}.playVideos .type13{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}.playVideos .type13 .video:first-child{grid-column:1/3;grid-row:1/3}.playVideos .type16{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}@keyframes moveBottom{0%{bottom:0}to{bottom:-66px}}.videoComponent{background:#000;height:100%;position:relative;width:100%}.videoComponent.fill{object-fit:fill}.videoComponent.contain{object-fit:contain}.videoBox{height:100%;overflow:hidden;position:relative}.videoBox.alarm:before{border:2px solid #ea5858;box-shadow:inset 0 0 10px 8px rgba(234,88,88,.5);content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%;z-index:7}.videoBox:hover .selectFields{animation-duration:1s;animation-fill-mode:both;animation-name:moveBottom}.videoBox:hover .footer-min{display:flex}.videoBox:hover .footer-min .name-min span,.videoBox:hover .footer-min .tool{display:block}.videoBox .selectFields{background:rgba(0,0,0,.3);bottom:0;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;height:66px;position:absolute;width:100%}.videoBox .selectFields .info{border:0;color:#fff;line-height:33px;overflow:hidden;padding:0 5px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.videoBox .selectFields .info .value{font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.videoBox .footer-min{align-items:center;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.04);border-radius:4px 4px 0 0;bottom:0;display:none;height:44px;justify-content:space-between;position:absolute;width:100%}.videoBox .footer-min .name-min{align-items:center;display:flex;padding-left:15px}.videoBox .footer-min .name-min span{color:#fff;display:none;font-size:16px;font-weight:600}.videoBox .footer-min .tool{display:none}.videoBox .footer-min .tool img{cursor:pointer;height:20px;margin-right:15px;width:20px}.videoControls{align-items:center;display:flex;flex-direction:column;width:100%}.videoControls .videoControl{height:126px;position:relative;width:126px}.videoControls .videoControl .bg{height:100%;position:relative;width:100%}.videoControls .videoControl img{cursor:pointer;position:absolute}.videoControls .videoControl .up{left:52px;top:14px}.videoControls .videoControl .lup{left:26px;top:26px;transform:rotate(-45deg)}.videoControls .videoControl .rup{left:78px;top:27px;transform:rotate(45deg)}.videoControls .videoControl .left{left:14px;top:52px;transform:rotate(-90deg)}.videoControls .videoControl .right{left:90px;top:52px;transform:rotate(90deg)}.videoControls .videoControl .ldown{left:26px;top:78px;transform:rotate(215deg)}.videoControls .videoControl .down{left:52px;top:90px;transform:rotate(180deg)}.videoControls .videoControl .rdown{left:78px;top:78px;transform:rotate(135deg)}.videoControls .btns{background:#e0e7f2;border-radius:19px;height:28px;margin:8px 8px 0;padding:3px;width:56px}.videoControls .btns img{cursor:pointer;margin-right:1px}
2
2
  .videoAlarmDia.dark{background:linear-gradient(90deg,#3e7eff,#1e4e75 30%,#1e4e75 70%,#3e7eff);padding:1px}.videoAlarmDia.dark .ant-modal-close{color:#fff}.videoAlarmDia.dark .ant-modal-header{background-color:#22396f;border-bottom-color:transparent;padding-left:20px}.videoAlarmDia.dark .ant-modal-header .ant-modal-title{align-items:center;background-image:linear-gradient(90deg,#2852a8 0,rgba(40,82,168,0) 50%);color:#fff;display:flex;height:42px;padding-left:10px}.videoAlarmDia.dark .ant-modal-content{background-color:#22396f}.videoAlarmDia.dark .ant-modal-content .body,.videoAlarmDia.dark .ant-modal-content .body .alarmList .alarm .name,.videoAlarmDia.dark .ant-modal-content .body .alarmList .title,.videoAlarmDia.dark .ant-modal-content .body .themeImg{color:#fff}.videoAlarmDia.dark .ant-modal-content .body .tabs .tabContainer .allTab .tab{background:#ffffff1a;color:#fff}.videoAlarmDia.dark .ant-modal-content .body .tabs .tabContainer .allTab .tab.active{background:#3e7eff;color:#fff}.videoAlarmDia .ant-modal-body{padding-top:18px}.videoAlarmDia .body{display:flex;flex-direction:column;height:660px}.videoAlarmDia .body .title{color:#000;font-size:18px}.videoAlarmDia .body .themeImg{height:18px;margin-right:5px;width:18px}.videoAlarmDia .body .current{align-self:center;display:flex;height:400px;justify-content:center;margin:10px 0 25px;width:750px}.videoAlarmDia .body .current .grid{grid-gap:3px;background-color:transparent;display:grid;height:100%;overflow:hidden;width:100%}.videoAlarmDia .body .current .grid .videoBox{background-color:#000}.videoAlarmDia .body .alarmList{display:flex;flex-wrap:wrap;justify-content:flex-start;max-height:80px;overflow:auto}.videoAlarmDia .body .alarmList .title{font-size:14px;font-weight:600;margin-bottom:10px}.videoAlarmDia .body .alarmList .alarm{align-items:center;border-radius:5px;color:#000;cursor:pointer;height:24px;margin-bottom:10px;margin-right:10px;padding:5px}.videoAlarmDia .body .alarmList .alarm img{height:16px;margin-right:5px;width:16px}.videoAlarmDia .body .alarmList .alarm .name{font-size:14px;white-space:nowrap}.videoAlarmDia .body .alarmList .alarm1{background:rgba(234,88,88,.1);color:#354052}.videoAlarmDia .body .alarmList .alarm2{background:rgba(255,146,20,.1);color:#354052}.videoAlarmDia .body .alarmList .alarm3{background:rgba(255,196,20,.1);color:#354052}.videoAlarmDia .body .alarmList .alarm4{background:rgba(62,126,255,.1);color:#354052}.videoAlarmDia .body .tip{align-items:center;display:flex;margin:0}.videoAlarmDia .body .tip .sumNum{margin-right:16px}.videoAlarmDia .body .tip .timeNum{color:#3e7eff;font-weight:600;margin-right:5px}.videoAlarmDia .body .tabs{align-items:center;display:flex;margin:10px 0 5px}.videoAlarmDia .body .tabs .themeImg{cursor:pointer;overflow:visible}.videoAlarmDia .body .tabs .endIcon{margin-left:10px}.videoAlarmDia .body .tabs .tabContainer{display:flex;overflow:hidden}.videoAlarmDia .body .tabs .tabContainer .allTab{display:flex;height:40px;left:0;position:relative}.videoAlarmDia .body .tabs .tabContainer .allTab .tab{background:#f2f3f8;border-radius:4px;cursor:pointer;font-size:14px;height:32px;line-height:32px;margin-right:10px;padding:0 10px;position:relative;text-align:center;white-space:nowrap}.videoAlarmDia .body .tabs .tabContainer .allTab .tab.active{background:#1d33a2;color:#fff}.videoAlarmDia .body .tabs .tabContainer .allTab .tab.active:after{border:10px solid transparent;border-top-color:#1d33a2;content:"";height:0;left:50%;position:absolute;top:30px;width:0}.videoAlarmDia .body .numLine{align-items:center;display:flex}.videoAlarmDia .body .numLine .cameraNum{color:#3e7eff;font-weight:600}.videoAlarmDia .body .numLine .tipImg{height:18px;margin:0 5px 0 25px;width:18px}.videoAlarmDia .body .numLine .alarmNum{color:#fa4141;font-weight:600}.videoAlarmDia .body .otherAlarm{align-items:center;display:flex}.videoAlarmDia .body .otherAlarm .ant-tag{cursor:pointer;font-size:14px}.videoAlarmDia .body .otherAlarm .tipImg{height:18px;margin-right:5px;width:18px}.videoAlarmDia .body .otherAlarm .annotation{height:12px;margin:2px;width:12px}.videoAlarmDia .body .type1{grid-template-columns:1fr;grid-template-rows:1fr}.videoAlarmDia .body .type4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.videoAlarmDia .body .type8{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}.videoAlarmDia .body .type8 .videoBox:first-child{grid-column:1/4;grid-row:1/4}.videoAlarmDia .body .type9{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr}.videoAlarmDia .body .type13{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}.videoAlarmDia .body .type13 .videoBox:first-child{grid-column:1/3;grid-row:1/3}.videoAlarmDia .body .type16{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}
3
- .scrollbarDef ::-webkit-scrollbar-track-piece{background-color:#f8f8f8}.scrollbarDef ::-webkit-scrollbar{height:5px;width:5px}.scrollbarDef ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#ddd;min-height:28px}.scrollbarDef ::-webkit-scrollbar-thumb:hover{background-color:#bbb}.scrollbarBlack::-webkit-scrollbar-track-piece{background-color:transparent}.scrollbarBlack::-webkit-scrollbar{height:5px;width:0}.scrollbarBlack::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#3d4456;min-height:28px}@font-face{font-family:YouSheBiaoTiHei;src:url(/micro-assets/font/youshebiaotihei.TTF)}@font-face{font-family:DINPro-Light;src:url(/micro-assets/font/DINPro-Light.otf)}@font-face{font-family:DINPro-Regular;src:url(/micro-assets/font/DINPro-Regular.otf)}@font-face{font-family:DINPro-Medium;src:url(/micro-assets/font/DINPro-Medium.otf)}@font-face{font-family:DINPro-Bold;src:url(/micro-assets/font/DINPro-Bold.otf)}@font-face{font-family:DINPro-Black;src:url(/micro-assets/font/DINPro-Black.otf)}@font-face{font-family:Alibaba-PuHuiTi-Light;src:url(/micro-assets/font/Alibaba-PuHuiTi-Light.ttf)}@font-face{font-family:Alibaba-PuHuiTi-Regular;src:url(/micro-assets/font/Alibaba-PuHuiTi-Regular.ttf)}@font-face{font-family:Alibaba-PuHuiTi-Medium;src:url(/micro-assets/font/Alibaba-PuHuiTi-Medium.ttf)}@font-face{font-family:Alibaba-PuHuiTi-Bold;src:url(/micro-assets/font/Alibaba-PuHuiTi-Bold.ttf)}@font-face{font-family:Alibaba-PuHuiTi-Heavy;src:url(/micro-assets/font/Alibaba-PuHuiTi-Heavy.ttf)}@font-face{font-family:SourceHanSansCN-ExtraLight;src:url(/micro-assets/font/SourceHanSansCN-ExtraLight.otf)}@font-face{font-family:SourceHanSansCN-Light;src:url(/micro-assets/font/SourceHanSansCN-Light.otf)}@font-face{font-family:SourceHanSansCN-Regular;src:url(/micro-assets/font/SourceHanSansCN-Regular.otf)}@font-face{font-family:SourceHanSansCN-Normal;src:url(/micro-assets/font/SourceHanSansCN-Normal.otf)}@font-face{font-family:SourceHanSansCN-Medium;src:url(/micro-assets/font/SourceHanSansCN-Medium.otf)}@font-face{font-family:SourceHanSansCN-Bold;src:url(/micro-assets/font/SourceHanSansCN-Bold.otf)}@font-face{font-family:SourceHanSansCN-Heavy;src:url(/micro-assets/font/SourceHanSansCN-Heavy.otf)}body .ant-form-inline.table-query-form{margin-bottom:8px}body .ant-form-inline.table-query-form>.ant-row:not(.ant-form-item){width:100%}body .ant-form-inline.table-query-form .ant-form-item{margin-bottom:16px}body .ant-form-inline.table-query-form .ant-form-item .ant-input,body .ant-form-inline.table-query-form .ant-form-item .ant-select{width:200px}::-webkit-scrollbar-track-piece{background-color:#f8f8f8}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#ddd;min-height:28px}::-webkit-scrollbar-thumb:hover{background-color:#bbb}.flex{display:flex}.flex-center{align-items:center;display:flex}.flex1{flex:1}.flex2{flex:2}.flex3{flex:3}.flex4{flex:4}.flex5{flex:5}.flex6{flex:6}.flex7{flex:7}.flex8{flex:8}.flex9{flex:9}.flex10{flex:10}.flex11{flex:11}.flex12{flex:12}.Demo{color:red}.ant-layout .inl-layout-sider.ant-layout-sider{background:#1b2c55}.ant-layout .inl-layout-sider.ant-layout-sider .ant-layout-sider-children{display:flex;flex-direction:column}.ant-layout .inl-layout-sider.ant-layout-sider .folder{color:#fff;cursor:pointer;font-size:20px;height:38px;line-height:38px;opacity:.8;padding:0 16px;text-align:right;transition:opacity .3s ease-in-out}.ant-layout .inl-layout-sider.ant-layout-sider .folder:hover{opacity:1}.ant-layout .inl-layout-sider.ant-layout-sider .folder.isFold{text-align:center}.ant-layout .inl-layout-sider.ant-layout-sider .ant-menu{background-color:transparent;border-right:0!important;flex:1;font-size:14px;overflow-x:hidden;overflow-y:auto}.ant-layout .inl-layout-sider.ant-layout-sider .ant-menu::-webkit-scrollbar-track-piece{background-color:transparent}.ant-layout .inl-layout-sider.ant-layout-sider .ant-menu::-webkit-scrollbar{height:5px;width:0}.ant-layout .inl-layout-sider.ant-layout-sider .ant-menu::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#3d4456;min-height:28px}.ant-layout .inl-layout-sider.ant-layout-sider .copyright{color:#b9c2d5;font-size:12px;opacity:.3;padding:8px;text-align:center}.ant-layout .inl-layout-sider.ant-layout-sider.ant-layout-sider-collapsed .copyright{display:none}body[data-theme=light] .inl-layout-sider.ant-layout-sider{background:#fff}body[data-theme=light] .inl-layout-sider.ant-layout-sider .folder{color:#000}body[data-theme=light] .inl-layout-sider.ant-layout-sider.ant-layout-sider-collapsed .folder{text-align:center}body[data-theme=light] .inl-layout-sider.ant-layout-sider .copyright{color:#000}.inl-layout .layout-mask{background:#000;bottom:0;clip-path:polygon(0 0,0 100%,210px 100%,210px 92px,calc(100% - 10px) 92px,calc(100% - 10px) calc(100% - 10px),210px calc(100% - 10px),210px 100%,100% 100%,100% 0);left:0;opacity:.5;position:absolute;right:0;top:0;z-index:1000}.inl-layout .ant-layout{height:100%}.inl-layout .ant-layout .ant-layout-header{background-color:#132041;height:50px;line-height:50px;padding:0}.inl-layout .ant-layout .ant-layout-header .header{align-items:center;display:flex;padding-right:20px}.inl-layout .ant-layout .ant-layout-header .header .logo{align-items:center;display:flex;justify-content:center;width:200px}.inl-layout .ant-layout .ant-layout-header .header .logo img{width:140px}.inl-layout .ant-layout .ant-layout-header .header .menu{background-color:transparent;border-bottom:0;flex:auto;font-size:14px;overflow:hidden}.inl-layout .ant-layout .ant-layout-header .header .menu .ant-menu-item-selected{background:linear-gradient(180deg,rgba(58,117,205,0),rgba(58,117,205,0) 0,rgba(71,98,226,.6))!important}.inl-layout .ant-layout .ant-layout-header .header .menu .ant-menu-item:after{content:unset!important}.inl-layout .ant-layout .ant-layout-header .header .search{background:transparent;border-color:rgba(185,194,213,.3);box-shadow:unset;color:rgba(185,194,213,.3);width:200px}.inl-layout .ant-layout .ant-layout-header .header .search input{background:transparent;color:#fff}.inl-layout .ant-layout .ant-layout-header .header .user-info{align-items:center;display:flex;margin:0 20px}.inl-layout .ant-layout .ant-layout-header .header .user-info .avatar{margin-right:8px}.inl-layout .ant-layout .ant-layout-header .header .user-info .username{align-items:center;color:#fff;display:flex}.inl-layout .ant-layout .ant-layout-header .header .logout{color:#fff;font-size:20px}.inl-layout .ant-layout .ant-layout-header .header .logout .anticon{position:relative;top:2px}.inl-layout .ant-layout .inl-layout-sider .ant-menu-item,.inl-layout .ant-layout .inl-layout-sider .ant-menu-submenu-title{margin:0}.inl-layout .ant-layout .ant-layout-content{display:flex;flex-direction:column;padding:10px}.inl-layout .ant-layout .ant-layout-content.only-page{padding:0}.inl-layout .ant-layout .ant-layout-content .tab-list{align-items:center;display:flex}.inl-layout .ant-layout .ant-layout-content .tab-list .tabs-container{display:flex;flex:1;flex-wrap:nowrap;height:100%;overflow:hidden;padding:0 8px}.inl-layout .ant-layout .ant-layout-content .tab-list .tabs-container .tab{align-items:center;border-radius:5px 5px 0 0;color:#2c3e50;cursor:pointer;display:flex;flex:1 1 30px;max-width:160px;padding:4px 12px 6px;position:relative;transition:all .15s;user-select:none;width:0}.inl-layout .ant-layout .ant-layout-content .tab-list .tabs-container .tab:after{background:#81878c;content:"";height:60%;position:absolute;right:0;top:20%;transition:background-color .3s;width:1px}.inl-layout .ant-layout .ant-layout-content .tab-list .tabs-container .tab.hide-border:after,.inl-layout .ant-layout .ant-layout-content .tab-list .tabs-container .tab:hover:after{background:transparent}.inl-layout .ant-layout .ant-layout-content .tab-list .tabs-container .tab .icon{margin-right:4px}.inl-layout .ant-layout .ant-layout-content .tab-list .tabs-container .tab .tab-name{flex:1 1 0;font-size:12px;overflow:hidden;white-space:nowrap}.inl-layout .ant-layout .ant-layout-content .tab-list .tabs-container .tab .close{align-items:center;border-radius:50%;display:flex;font-size:12px;height:16px;justify-content:center;margin-left:6px;width:16px}.inl-layout .ant-layout .ant-layout-content .tab-list .tabs-container .tab .close:hover{background:#e8eaed;color:#000}.inl-layout .ant-layout .ant-layout-content .tab-list .tabs-container .tab .tabs-background-after,.inl-layout .ant-layout .ant-layout-content .tab-list .tabs-container .tab .tabs-background-before{fill:#fff;bottom:0;bottom:-1px;font-size:10px;position:absolute;z-index:1}.inl-layout .ant-layout .ant-layout-content .tab-list .tabs-container .tab .tabs-background-before{left:-9px}.inl-layout .ant-layout .ant-layout-content .tab-list .tabs-container .tab .tabs-background-after{right:-10px}.inl-layout .ant-layout .ant-layout-content .tab-list .tabs-container .tab:hover{background-color:#f2f3f5}.inl-layout .ant-layout .ant-layout-content .tab-list .tabs-container .tab.active{background-color:#fff}.inl-layout .ant-layout .ant-layout-content .tab-list .ant-select{margin-right:13px}.inl-layout .ant-layout .ant-layout-content .tab-list .show-all-trigger{align-items:center;border-radius:50%;cursor:pointer;display:flex;height:24px;justify-content:center;margin:0 6px;transition:all .25s;width:24px}.inl-layout .ant-layout .ant-layout-content .tab-list .show-all-trigger:hover{background:#d2d4d8}.inl-layout .ant-layout .ant-layout-content .tab-list .show-all-trigger .anticon{font-size:12px!important}.inl-layout .ant-layout .ant-layout-content .page-content{display:flex;flex:1;flex-direction:column;overflow:hidden}.inl-layout .ant-layout .ant-layout-content .page-content .page-container{background-color:#fff;display:inline-flex;flex:1;flex-direction:column;overflow:auto;position:relative}.inl-layout .ant-layout .ant-layout-content .page-content .page-container>[id^=microApp_],.inl-layout .ant-layout .ant-layout-content .page-content .page-container>[id^=microApp_]>[id^=__qiankun_microapp_wrapper]{display:flex;flex:1;flex-direction:column;height:100%}.inl-layout .ant-layout .ant-layout-content .page-content .page-container>[id^=microApp_] #app,.inl-layout .ant-layout .ant-layout-content .page-content .page-container>[id^=microApp_]>[id^=__qiankun_microapp_wrapper] #app{flex:1;overflow:auto}.inl-layout .ant-layout .ant-layout-content .page-content .page-container .menu-iframe{height:100%;position:absolute;width:100%}.inl-layout .ant-layout .ant-layout-content .page-content .page-container .iframe-fallback{padding-top:20px;text-align:center}.inl-layout .ant-layout .ant-layout-content .page-content .page-container .iframe-fallback img{width:30%}.inl-layout .ant-layout .ant-layout-content .page-content .page-container.padding{padding:24px}.inl-layout .ant-layout .ant-layout-content .page-content .page-container.padding [id^=microApp_]{margin:-24px}.inl-layout .ant-layout .ant-layout-content .page-content .page-container.padding #app{padding:24px}.inl-layout .ant-layout .ant-layout-content .page-content .page-container.padding .menu-iframe{height:calc(100% - 48px);width:calc(100% - 48px)}body[data-theme=light] .inl-layout .ant-layout-header{background:linear-gradient(90deg,#3297ff,#286be6)!important}body[data-theme=light] .inl-layout .ant-layout-header .menu{background:transparent!important;color:#fff}body[data-theme=light] .inl-layout .ant-layout-header .menu .ant-menu-item:hover{background:linear-gradient(180deg,#56a3ff,#3e7eff)!important;color:#fff!important}body[data-theme=light] .inl-layout .ant-layout-header .menu .ant-menu-submenu:hover{color:#fff!important}body[data-theme=light] .inl-layout .ant-layout-header .menu .ant-menu-item-selected{background:linear-gradient(180deg,#56a3ff,#3e7eff)!important;color:#fff!important}body[data-theme=light] .inl-layout .ant-layout-header .search{background-color:hsla(0,0%,100%,.1)!important;margin-right:36px;width:300px}body[data-theme=light] .inl-layout .ant-layout-header .search input{color:#000!important}body[data-theme=light] .inl-layout .ant-layout-header .search input::placeholder{color:hsla(0,0%,100%,.7)!important}body[data-theme=light] .inl-layout .ant-layout-header .search .btn-search{font-size:26px}body[data-theme=light] .inl-layout .ant-menu-sub{background:transparent!important}body[data-theme=light] .inl-layout .ant-menu-inline .ant-menu-item:after,body[data-theme=light] .inl-layout .ant-menu-vertical .ant-menu-item:after,body[data-theme=light] .inl-layout .ant-menu-vertical-left .ant-menu-item:after,body[data-theme=light] .inl-layout .ant-menu-vertical-right .ant-menu-item:after{background:#3e7eff;left:0;right:unset}body[data-theme=light] .inl-layout .ant-menu-item-selected{background:#eff4ff}[data-doc-theme=light] .ant-menu-light .ant-menu-submenu-title:hover{color:#3e7eff!important}.person-operation-dropdown{top:50px!important}.person-operation-dropdown .ant-dropdown-menu-item{color:#5c667d}.person-operation-dropdown .ant-dropdown-menu-item .ant-dropdown-menu-item-icon{font-size:16px}.tab-title-tooltip{padding-top:0!important}.tab-title-tooltip .ant-tooltip-arrow{display:none}.tab-title-tooltip .ant-tooltip-inner{background-color:#f0f2f5;border:1px solid #dce2ed;box-shadow:unset;color:#354052;font-size:12px;line-height:1.2;min-height:0;padding:5px 10px}.login{background-origin:content-box;background-size:cover;display:flex;flex-direction:column;font-family:PingFangSC-Ultralight,sans-serif;height:100vh;overflow:auto;overflow-y:auto;position:relative;width:100vw}.login .topTitle{left:0;margin:60px;position:absolute;top:0;z-index:2}.login .topTitle img{height:54px;width:452px}.login .content_login{display:flex;flex:1;height:700px;justify-content:space-between;padding:0 150px}.login .content_login.system{align-items:center;justify-content:center}.login .content_login.system .left,.login .content_login.system .login_box{height:600px;width:600px}.login .content_login.system .left.left,.login .content_login.system .login_box.left{align-items:center;backdrop-filter:blur(20px);background-color:hsla(0,0%,100%,.1);border-radius:6px 0 0 6px;display:flex;flex-direction:column;padding-top:54px}.login .content_login.system .left.left>div,.login .content_login.system .login_box.left>div{margin-bottom:20px}.login .content_login.system .left.left img,.login .content_login.system .login_box.left img{height:300px;margin-bottom:35px;width:425px}.login .content_login.system .left.left h3,.login .content_login.system .left.left p,.login .content_login.system .login_box.left h3,.login .content_login.system .login_box.left p{color:#fff}.login .content_login.system .left.left h3,.login .content_login.system .login_box.left h3{font-size:24px;font-weight:600;line-height:33px;text-align:center}.login .content_login.system .left.left p,.login .content_login.system .login_box.left p{font-size:14px;font-weight:0;line-height:26px;padding:0 60px}.login .content_login.system .left.login_box,.login .content_login.system .login_box.login_box{backdrop-filter:blur(20px);background-color:hsla(0,0%,100%,.15);border:none;border-radius:0 6px 6px 0}.login .content_login.platform{align-items:center;display:flex;height:100vh;left:0;overflow-y:auto;padding:0;position:absolute;top:0;width:100vw}.login .content_login.platform .login_center_box{align-items:center;display:flex;flex:1;justify-content:flex-start}.login .content_login.platform .left{align-items:center;display:flex;flex:2;justify-content:center;padding-top:54px}.login .content_login.platform .left .left_img{height:700px;width:920px}.login .content_login .login_box{background:linear-gradient(180deg,hsla(0,0%,100%,.07),hsla(0,0%,100%,0));display:flex;flex-direction:column;flex-shrink:0;height:540px;position:relative;right:0;width:440px}.login .content_login .login_box>div{border:3px solid;border-image:linear-gradient(rgba(229,235,255,.09),hsla(0,0%,100%,0)) 80 30}.login .content_login .login_box>div .ant-input-affix-wrapper:before{content:unset!important}.login .content_login .login_box .ant-form{flex:1}.login .content_login .login_box .ant-form .ant-form-item{flex:1;margin-bottom:24px}.login .content_login .login_box .ant-form .ant-form-item.mB64{margin-bottom:64px}.login .content_login .login_box .ant-form .ant-form-item .ant-form-item-label{padding-bottom:16px}.login .content_login .login_box .ant-form .ant-form-item .ant-form-item-label label{font-size:16px}.login .copyright-information{bottom:30px;color:#7b8492;font-family:PingFangSC-Regular,PingFang SC;font-size:14px;font-weight:400;left:0;line-height:30px;margin:0;position:absolute;right:0;text-align:center}.login-messsage-notice .ant-message-notice-content{background:transparent;padding:0}.login_slider .ant-modal-body{padding:0}.login_slider .imgBox{height:268px;position:relative;width:432px}.login_slider .imgBox .anticon{color:#fff;position:absolute;right:10px;top:10px;z-index:3}.login_slider .imgBox img{position:absolute;z-index:2}.login_slider .imgBox .bgImg{height:268px;width:432px;z-index:1}.login_slider .modal-box{box-sizing:content-box}.login_slider .ant-slider{background-color:#f4f6f8;height:44px;margin:24px 0 0;padding:0}.login_slider .ant-slider .ant-slider-rail,.login_slider .ant-slider .ant-slider-step,.login_slider .ant-slider .ant-slider-track{height:44px;padding:0;top:0}.login_slider .ant-slider .ant-slider-track,.login_slider .ant-slider:hover .ant-slider-track{background-color:#22cc83}.login_slider .ant-slider .ant-slider-handle{background-color:#fff;border:1px solid #ccc;border-radius:2px;height:54px;top:0;transform:translateX(-2%)!important;width:54px}.login_slider .ant-slider .ant-slider-handle:after{content:">>";line-height:54px;position:absolute;text-align:center;width:100%}.login_slider .ant-slider .ant-slider-rail{background-color:#f4f6f8;position:relative}.login_slider .ant-slider .ant-slider-rail:before{content:"向右滑动完成拼图";line-height:44px;position:absolute;text-align:center;width:100%}.login_box{display:flex;flex-direction:column}.login_box>div .ant-input{color:#fff!important}.login_box input{color:#fff;height:44px}.login_box input:-internal-autofill-previewed,.login_box input:-internal-autofill-selected{-webkit-text-fill-color:#fff;color:#fff!important;transition:background-color 9999s ease-out .1s}.login_box .ant-input-password span span svg{color:#fff}.login_box .ant-form{padding:0 67px}.login_box .ant-form-item{margin-bottom:44px}.login_box .ant-form-item .ant-input-password,.login_box .ant-form-item input{background:none;background-color:hsla(0,0%,100%,.2);font-size:16px;height:44px;line-height:0px}.login_box .ant-form-item .ant-input-password input,.login_box .ant-form-item input input{background:none;height:auto}.login_box .ant-form-item .ant-input-password .ant-input-suffix,.login_box .ant-form-item input .ant-input-suffix{font-size:14px}.login_box .ant-form-item .ant-btn{border:none;border-radius:0;font-size:18px;height:43px;line-height:0px}.login_box .ant-form-item .ant-form-item-control-input-content .ant-input-password,.login_box .ant-form-item .ant-form-item-control-input-content>.ant-input{border:1px solid #5e657f;border-radius:0}.login_box .titleBox{display:flex;justify-content:center;margin:44px 0}.login_box .titleBox img{height:36px}.login_box .titleBox .title{color:#fff;font-family:YouSheBiaoTiHei;font-size:28px;font-weight:600;height:40px;line-height:40px;padding:0}.login_box .ant-form label{color:#fff;font-family:PingFangSC-Medium,PingFang SC;font-size:16px;font-weight:500;height:22px;line-height:22px}.login_box .login_tab{display:flex;height:3rem}.login_box .login_tab .item{background:#ebf8ff;cursor:pointer;flex:1;line-height:2.8rem;opacity:.5;text-align:center;transition:all .3s ease}.login_box .login_tab .item.active,.login_box .login_tab .item:hover{background:linear-gradient(90deg,#2eb2ff,#6d71ff);color:#fff;opacity:.8}body[data-theme=light] .login_box>div .ant-input{color:#fff!important}body[data-theme=light] .login_box input:-internal-autofill-previewed,body[data-theme=light] .login_box input:-internal-autofill-selected{transition:background-color 9999s ease-out .1s}body[data-theme=light] input:-internal-autofill-previewed,body[data-theme=light] input:-internal-autofill-selected{transition:background-color 9999s ease-out .1s}.ant-select-item-option-content .color{background-color:#3e7eff;display:inline-block;height:10px;margin-right:3px;width:10px}.ant-select-item-option-content .dark{background-color:#1d33a2}.theme-select .color{background-color:#3e7eff;display:inline-block;height:10px;margin-right:3px;width:10px}.theme-select .dark{background-color:#1d33a2}.inl-layout-table-box{display:flex;flex-direction:column}.inl-layout-table-box .inl-layout-table-option{display:flex;justify-content:space-between;margin-bottom:16px}.icon-item-class{align-items:center;background:#eff2f6;border:1px solid transparent;cursor:pointer;display:flex;justify-content:center;padding:7px 8px;transition:all .2s ease-in-out}.icon-item-class-img{color:#333;font-size:24px;margin-right:8px}.icon-item-class-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-item-class:hover{background:rgba(var(--primary-color-rgb),.2);border-color:var(--primary-color)}.icon-item-class.active{background:var(--primary-color);color:#fff}.icon-item-class.active .icon-img{color:#fff}.inl-iconfonts,.inl-iconfonts .icon{align-items:center;display:flex}.inl-iconfonts .icon{background:#eff2f6;border:1px solid transparent;cursor:pointer;justify-content:center;margin-right:16px;padding:7px 8px;transition:all .2s ease-in-out}.inl-iconfonts .icon-img{color:#333;font-size:24px;margin-right:8px}.inl-iconfonts .icon-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inl-iconfonts .icon:hover{background:rgba(var(--primary-color-rgb),.2);border-color:var(--primary-color)}.inl-iconfonts .icon.active{background:var(--primary-color);color:#fff}.inl-iconfonts .icon.active .icon-img{color:#fff}.inl-select-icon-modal .ant-modal-body{height:70vh;overflow:auto}.inl-select-icon-modal .ant-modal-body .search{margin-bottom:24px;width:200PX}.inl-select-icon-modal .ant-modal-body .icon{align-items:center;background:#eff2f6;border:1px solid transparent;cursor:pointer;display:flex;justify-content:center;padding:7px 8px;transition:all .2s ease-in-out}.inl-select-icon-modal .ant-modal-body .icon-img{color:#333;font-size:24px;margin-right:8px}.inl-select-icon-modal .ant-modal-body .icon-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inl-select-icon-modal .ant-modal-body .icon:hover{background:rgba(var(--primary-color-rgb),.2);border-color:var(--primary-color)}.inl-select-icon-modal .ant-modal-body .icon.active{background:var(--primary-color);color:#fff}.inl-select-icon-modal .ant-modal-body .icon.active .icon-img{color:#fff}.inl-header-menu{background-color:#132041;width:100%}.inl-header-menu-item{background:linear-gradient(180deg,rgba(76,146,230,0),rgba(13,95,201,.5));cursor:pointer;opacity:.5;padding:5px 40px}.inl-header-menu-item>span{color:#fff}.inl-header-menu-item.inl-header-menu-item-active,.inl-header-menu-item:hover{background:linear-gradient(180deg,rgba(58,117,205,0),rgba(58,117,205,0) 0,rgba(79,115,228,.3) 71%,rgba(81,115,230,.6) 91%,rgba(71,98,226,.9));border-bottom:1px solid;border-image:linear-gradient(180deg,rgba(156,194,247,0),#628fec) 1 1;opacity:1}.inl-header-menu-title{align-items:center;display:flex;padding:5px 0}.inl-header-menu-title-text{color:#fff;font-size:30px;text-align:center;text-shadow:0 0 9px #389aff}.inl-header-menu-center-title{background:url(/micro-assets/device/titleCenter.png) no-repeat;background-size:100% 100%;justify-content:center;width:25%}.inl-header-menu-left-title{background:url(/micro-assets/device/titleLeft.png) no-repeat;background-size:contain;padding-left:30px;width:40%}.inl-header-menu-content,.inl-header-menu-content-left{align-items:center;display:flex}.inl-header-menu-content-left{background:url(/micro-assets/device/menuLeft.png) no-repeat;background-position:0 100%;background-size:contain;flex:1;justify-content:space-between;padding:5px 0}.inl-header-menu-content-left-right{display:flex;justify-content:flex-end}.inl-header-menu-content-left-right .inl-header-menu-item{clip-path:polygon(0 0,80% 0,100% 100%,20% 100%)}.inl-header-menu-content-right{align-items:center;background:url(/micro-assets/device/menuRight.png) no-repeat;background-position:0 100%;background-size:contain;display:flex;flex:1;justify-content:space-between;padding:5px 0}.inl-header-menu-content-right-left{display:flex;justify-content:flex-start}.inl-header-menu-content-right-left .inl-header-menu-item{clip-path:polygon(20% 0,100% 0,80% 100%,0 100%)}.inl-header-menu-left .inl-header-menu-content-right{background:none;justify-content:flex-end}.inl-child-layout{height:100%}.inl-child-layout .sider{background:#fff}.inl-child-layout .sider .sideMenu{display:flex;flex-direction:column;height:100%;overflow:auto}.inl-child-layout .sider .sideMenu .ant-menu{flex:1}.inl-child-layout .ant-layout-header.header-container{background-color:#132041;height:50px;line-height:50px;padding:0 20px 0 0}.inl-child-layout .child-header{display:flex;justify-content:space-between}.inl-child-layout .child-header .logo{align-items:center;display:flex;justify-content:center;width:200px}.inl-child-layout .child-header .logo img{width:140px}.inl-child-layout .child-header .user-info{margin:0 20px}.inl-child-layout .child-header .user-info .avatar{margin-right:8px}.inl-child-layout .child-header .user-info .username{color:#fff}.inl-child-layout .child-header-dev{color:#fff;display:flex;justify-content:space-between;margin:0 0 0 20px}.inl-child-layout .child-header-dev .desc{display:flex}.inl-child-layout .child-header-dev .desc .label{color:#ccc;margin-right:8px;user-select:none}.inl-child-layout .child-header-dev .desc .label:after{content:":"}.inl-child-layout .child-header-dev .desc .value{font-size:16px;font-weight:600}.inl-child-layout .layout-content{display:flex;flex-direction:column;overflow:auto;padding:20px}.inl-child-layout .layout-content .content-inner{background:#fff;display:flex;flex:1 1 100%;flex-direction:column;padding:20px}.inl-child-layout .layout-content .content-inner>*{flex:1 1 0}[data-doc-theme=light] .inl-child-layout .ant-layout-header.header-container{background:linear-gradient(90deg,#3297ff,#286be6)!important}.independent-container{height:100%;overflow:auto;padding:20px}.people-select-cpn-modal .container{display:flex;height:50vh}.people-select-cpn-modal .container .left,.people-select-cpn-modal .container .right{display:flex;flex:1;flex-direction:column;overflow:hidden}.people-select-cpn-modal .container .left .title,.people-select-cpn-modal .container .right .title{color:#31363c;font-size:14px;font-weight:600;margin-bottom:0}.people-select-cpn-modal .container .left{margin-right:16px}.people-select-cpn-modal .container .left .dep-breadcrumb,.people-select-cpn-modal .container .left .search-people-input{margin-bottom:16px;width:100%}.people-select-cpn-modal .container .left .dep-breadcrumb .ant-breadcrumb:nth-child(n - 1),.people-select-cpn-modal .container .left .search-people-input .ant-breadcrumb:nth-child(n - 1){color:var(--primary-color);cursor:pointer}.people-select-cpn-modal .container .left .tree{flex:1;overflow:auto}.people-select-cpn-modal .container .left .tree .ant-tree-node-content-wrapper{overflow:hidden}.people-select-cpn-modal .container .left .tree .ant-tree-switcher-noop{display:none}.people-select-cpn-modal .container .left .tree .node-title{display:flex;justify-content:space-between}.people-select-cpn-modal .container .left .tree .node-title .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.people-select-cpn-modal .container .left .tree .node-title .count{color:#aaa}.people-select-cpn-modal .container .right .header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.people-select-cpn-modal .container .right .header .select-text{font-weight:400}.people-select-cpn-modal .container .right .header .select-text em{color:var(--primary-color);font-style:normal;margin:0 4px}.people-select-cpn-modal .container .right .selected-container{align-content:flex-start;display:flex;flex:1;flex-wrap:wrap;overflow-y:auto}.people-select-cpn-modal .container .right .selected-container .ant-tag{margin-bottom:10px}.inl-param-manager{flex-direction:column;overflow:hidden}.inl-param-manager .ant-tabs{position:relative}.inl-param-manager .ant-tabs .ant-tabs-content-holder{overflow:auto}.inl-param-manager .tab-item .operation{text-align:right}.inl-param-manager .tab-item .operation>.ant-space{position:absolute;right:0;top:0}.inl-param-manager .tab-item .group-container .group-item-title{font-size:14px;font-weight:600}.inl-param-manager .tab-item .group-container .ant-form{overflow:hidden}.inl-param-manager .tab-item .group-container .collapse-container{margin:16px 0}.inl-param-manager .tab-item .group-container .collapse-container .header{align-items:center;display:flex;line-height:1;padding-left:16px;position:relative}.inl-param-manager .tab-item .group-container .collapse-container .header .container-title{font-size:14px;font-weight:600}.inl-param-manager .tab-item .group-container .collapse-container .header:before{background-color:#4b7ff7;bottom:0;content:" ";left:0;position:absolute;top:0;width:2px}.inl-param-manager-v2{display:flex;height:100%}.inl-param-manager-v2 .menu{height:100%;overflow-y:auto;width:200px}.inl-param-manager-v2 .menu .ant-menu{background-color:#fff;color:#31363c;min-height:100%}.inl-param-manager-v2 .menu .ant-menu .ant-menu-item{margin:0!important}.inl-param-manager-v2 .menu .ant-menu .ant-menu-item-selected,.inl-param-manager-v2 .menu .ant-menu .ant-menu-item:hover{color:var(--primary-color)}.inl-param-manager-v2 .menu .ant-menu .ant-menu-item.ant-menu-item-selected{background:#eff4ff}.inl-param-manager-v2 .menu .ant-menu .ant-menu-item.ant-menu-item-selected .ant-menu-title-content{font-weight:600}.inl-param-manager-v2 .menu .ant-menu.ant-menu-inline .ant-menu-item-selected:after{border-right-color:var(--primary-color)}.inl-param-manager-v2 .right{flex:1 1 0;margin-left:16px}.inl-param-manager-v2 .right .ant-tabs{height:100%;position:relative}.inl-param-manager-v2 .right .ant-tabs .ant-tabs-content-holder{overflow:auto;padding:0 8PX}.inl-param-manager-v2 .right .ant-tabs .tab-level .operation{position:absolute;right:0;top:0}.inl-param-manager-v2 .right .ant-tabs .cell-title{font-weight:500;margin-bottom:8px}.inl-param-manager-v2 .right .ant-tabs .param-item-input:not(.ant-switch){width:100%}.detail.fill{height:100%;overflow:hidden}.detail.fill>.detail-inner{height:100%}.inl-collapse-title__header{align-items:center;display:flex;margin-bottom:16px;padding-left:10px;position:relative}.inl-collapse-title__header:before{background-color:var(--primary-color);bottom:10%;content:"";left:0;position:absolute;top:10%;width:4px}.inl-collapse-title__header .title{font-weight:600}.inl-collapse-title__header .btn-toggle{margin-left:8px}.ssz-comment .comment{background-color:#f4f5f8;border-radius:4px;color:#1f2329;font-size:13px;margin:12px;padding:8px;text-align:center}.ssz-comment .comment .anticon{margin-right:4px}.playVideos{display:flex;flex-direction:column;height:100%;padding-left:20px}.playVideos .operate{display:flex;justify-content:space-between;margin:5px 0}.playVideos .operate .button{cursor:pointer}.playVideos .grid{display:grid;flex:1;overflow:hidden}.playVideos .grid .video{background:#000;border:1px solid hsla(216,7%,59%,.3);height:100%;object-fit:fill;overflow:hidden;width:100%}.playVideos .grid.full{height:100%;left:0;position:fixed;top:0;width:100%;z-index:10}.playVideos .type1{grid-template-columns:1fr;grid-template-rows:1fr}.playVideos .type4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.playVideos .type8{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}.playVideos .type8 .video:first-child{grid-column:1/4;grid-row:1/4}.playVideos .type9{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr}.playVideos .type13{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}.playVideos .type13 .video:first-child{grid-column:1/3;grid-row:1/3}.playVideos .type16{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}@keyframes moveBottom{0%{bottom:0}to{bottom:-66px}}.videoComponent{background:#000;height:100%;position:relative;width:100%}.videoComponent.fill{object-fit:fill}.videoComponent.contain{object-fit:contain}.videoBox{height:100%;overflow:hidden;position:relative}.videoBox.alarm:before{border:2px solid #ea5858;box-shadow:inset 0 0 10px 8px rgba(234,88,88,.5);content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%;z-index:7}.videoBox:hover .selectFields{animation-duration:1s;animation-fill-mode:both;animation-name:moveBottom}.videoBox:hover .footer-min{display:flex}.videoBox:hover .footer-min .name-min span,.videoBox:hover .footer-min .tool{display:block}.videoBox .selectFields{background:rgba(0,0,0,.3);bottom:0;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;height:66px;position:absolute;width:100%}.videoBox .selectFields .info{border:0;color:#fff;line-height:33px;overflow:hidden;padding:0 5px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.videoBox .selectFields .info .value{font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.videoBox .footer-min{align-items:center;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.04);border-radius:4px 4px 0 0;bottom:0;display:none;height:44px;justify-content:space-between;position:absolute;width:100%}.videoBox .footer-min .name-min{align-items:center;display:flex;padding-left:15px}.videoBox .footer-min .name-min span{color:#fff;display:none;font-size:16px;font-weight:600}.videoBox .footer-min .tool{display:none}.videoBox .footer-min .tool img{cursor:pointer;height:20px;margin-right:15px;width:20px}.videoControls{align-items:center;display:flex;flex-direction:column;width:100%}.videoControls .videoControl{height:126px;position:relative;width:126px}.videoControls .videoControl .bg{height:100%;position:relative;width:100%}.videoControls .videoControl img{cursor:pointer;position:absolute}.videoControls .videoControl .up{left:52px;top:14px}.videoControls .videoControl .lup{left:26px;top:26px;transform:rotate(-45deg)}.videoControls .videoControl .rup{left:78px;top:27px;transform:rotate(45deg)}.videoControls .videoControl .left{left:14px;top:52px;transform:rotate(-90deg)}.videoControls .videoControl .right{left:90px;top:52px;transform:rotate(90deg)}.videoControls .videoControl .ldown{left:26px;top:78px;transform:rotate(215deg)}.videoControls .videoControl .down{left:52px;top:90px;transform:rotate(180deg)}.videoControls .videoControl .rdown{left:78px;top:78px;transform:rotate(135deg)}.videoControls .btns{background:#e0e7f2;border-radius:19px;height:28px;margin:8px 8px 0;padding:3px;width:56px}.videoControls .btns img{cursor:pointer;margin-right:1px}.videoAlarmDia.dark{background:linear-gradient(90deg,#3e7eff,#1e4e75 30%,#1e4e75 70%,#3e7eff);padding:1px}.videoAlarmDia.dark .ant-modal-close{color:#fff}.videoAlarmDia.dark .ant-modal-header{background-color:#22396f;border-bottom-color:transparent;padding-left:20px}.videoAlarmDia.dark .ant-modal-header .ant-modal-title{align-items:center;background-image:linear-gradient(90deg,#2852a8 0,rgba(40,82,168,0) 50%);color:#fff;display:flex;height:42px;padding-left:10px}.videoAlarmDia.dark .ant-modal-content{background-color:#22396f}.videoAlarmDia.dark .ant-modal-content .body,.videoAlarmDia.dark .ant-modal-content .body .alarmList .alarm .name,.videoAlarmDia.dark .ant-modal-content .body .alarmList .title,.videoAlarmDia.dark .ant-modal-content .body .themeImg{color:#fff}.videoAlarmDia.dark .ant-modal-content .body .tabs .tabContainer .allTab .tab{background:#ffffff1a;color:#fff}.videoAlarmDia.dark .ant-modal-content .body .tabs .tabContainer .allTab .tab.active{background:#3e7eff;color:#fff}.videoAlarmDia .ant-modal-body{padding-top:18px}.videoAlarmDia .body{display:flex;flex-direction:column;height:660px}.videoAlarmDia .body .title{color:#000;font-size:18px}.videoAlarmDia .body .themeImg{height:18px;margin-right:5px;width:18px}.videoAlarmDia .body .current{align-self:center;display:flex;height:400px;justify-content:center;margin:10px 0 25px;width:750px}.videoAlarmDia .body .current .grid{grid-gap:3px;background-color:transparent;display:grid;height:100%;overflow:hidden;width:100%}.videoAlarmDia .body .current .grid .videoBox{background-color:#000}.videoAlarmDia .body .alarmList{display:flex;flex-wrap:wrap;justify-content:flex-start;max-height:80px;overflow:auto}.videoAlarmDia .body .alarmList .title{font-size:14px;font-weight:600;margin-bottom:10px}.videoAlarmDia .body .alarmList .alarm{align-items:center;border-radius:5px;color:#000;cursor:pointer;height:24px;margin-bottom:10px;margin-right:10px;padding:5px}.videoAlarmDia .body .alarmList .alarm img{height:16px;margin-right:5px;width:16px}.videoAlarmDia .body .alarmList .alarm .name{font-size:14px;white-space:nowrap}.videoAlarmDia .body .alarmList .alarm1{background:rgba(234,88,88,.1);color:#354052}.videoAlarmDia .body .alarmList .alarm2{background:rgba(255,146,20,.1);color:#354052}.videoAlarmDia .body .alarmList .alarm3{background:rgba(255,196,20,.1);color:#354052}.videoAlarmDia .body .alarmList .alarm4{background:rgba(62,126,255,.1);color:#354052}.videoAlarmDia .body .tip{align-items:center;display:flex;margin:0}.videoAlarmDia .body .tip .sumNum{margin-right:16px}.videoAlarmDia .body .tip .timeNum{color:#3e7eff;font-weight:600;margin-right:5px}.videoAlarmDia .body .tabs{align-items:center;display:flex;margin:10px 0 5px}.videoAlarmDia .body .tabs .themeImg{cursor:pointer;overflow:visible}.videoAlarmDia .body .tabs .endIcon{margin-left:10px}.videoAlarmDia .body .tabs .tabContainer{display:flex;overflow:hidden}.videoAlarmDia .body .tabs .tabContainer .allTab{display:flex;height:40px;left:0;position:relative}.videoAlarmDia .body .tabs .tabContainer .allTab .tab{background:#f2f3f8;border-radius:4px;cursor:pointer;font-size:14px;height:32px;line-height:32px;margin-right:10px;padding:0 10px;position:relative;text-align:center;white-space:nowrap}.videoAlarmDia .body .tabs .tabContainer .allTab .tab.active{background:#1d33a2;color:#fff}.videoAlarmDia .body .tabs .tabContainer .allTab .tab.active:after{border:10px solid transparent;border-top-color:#1d33a2;content:"";height:0;left:50%;position:absolute;top:30px;width:0}.videoAlarmDia .body .numLine{align-items:center;display:flex}.videoAlarmDia .body .numLine .cameraNum{color:#3e7eff;font-weight:600}.videoAlarmDia .body .numLine .tipImg{height:18px;margin:0 5px 0 25px;width:18px}.videoAlarmDia .body .numLine .alarmNum{color:#fa4141;font-weight:600}.videoAlarmDia .body .otherAlarm{align-items:center;display:flex}.videoAlarmDia .body .otherAlarm .ant-tag{cursor:pointer;font-size:14px}.videoAlarmDia .body .otherAlarm .tipImg{height:18px;margin-right:5px;width:18px}.videoAlarmDia .body .otherAlarm .annotation{height:12px;margin:2px;width:12px}.videoAlarmDia .body .type1{grid-template-columns:1fr;grid-template-rows:1fr}.videoAlarmDia .body .type4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.videoAlarmDia .body .type8{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}.videoAlarmDia .body .type8 .videoBox:first-child{grid-column:1/4;grid-row:1/4}.videoAlarmDia .body .type9{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr}.videoAlarmDia .body .type13{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}.videoAlarmDia .body .type13 .videoBox:first-child{grid-column:1/3;grid-row:1/3}.videoAlarmDia .body .type16{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}:root{--primary-color:#1d33a2;--primary-color-rgb:29,51,162}:root[data-doc-theme=light]{--primary-color:#3e7eff;--primary-color-rgb:62,126,255}
3
+ .cloudVideo{height:100%;width:100%}
4
+ .scrollbarDef ::-webkit-scrollbar-track-piece{background-color:#f8f8f8}.scrollbarDef ::-webkit-scrollbar{height:5px;width:5px}.scrollbarDef ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#ddd;min-height:28px}.scrollbarDef ::-webkit-scrollbar-thumb:hover{background-color:#bbb}.scrollbarBlack::-webkit-scrollbar-track-piece{background-color:transparent}.scrollbarBlack::-webkit-scrollbar{height:5px;width:0}.scrollbarBlack::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#3d4456;min-height:28px}@font-face{font-family:YouSheBiaoTiHei;src:url(/micro-assets/font/youshebiaotihei.TTF)}@font-face{font-family:DINPro-Light;src:url(/micro-assets/font/DINPro-Light.otf)}@font-face{font-family:DINPro-Regular;src:url(/micro-assets/font/DINPro-Regular.otf)}@font-face{font-family:DINPro-Medium;src:url(/micro-assets/font/DINPro-Medium.otf)}@font-face{font-family:DINPro-Bold;src:url(/micro-assets/font/DINPro-Bold.otf)}@font-face{font-family:DINPro-Black;src:url(/micro-assets/font/DINPro-Black.otf)}@font-face{font-family:Alibaba-PuHuiTi-Light;src:url(/micro-assets/font/Alibaba-PuHuiTi-Light.ttf)}@font-face{font-family:Alibaba-PuHuiTi-Regular;src:url(/micro-assets/font/Alibaba-PuHuiTi-Regular.ttf)}@font-face{font-family:Alibaba-PuHuiTi-Medium;src:url(/micro-assets/font/Alibaba-PuHuiTi-Medium.ttf)}@font-face{font-family:Alibaba-PuHuiTi-Bold;src:url(/micro-assets/font/Alibaba-PuHuiTi-Bold.ttf)}@font-face{font-family:Alibaba-PuHuiTi-Heavy;src:url(/micro-assets/font/Alibaba-PuHuiTi-Heavy.ttf)}@font-face{font-family:SourceHanSansCN-ExtraLight;src:url(/micro-assets/font/SourceHanSansCN-ExtraLight.otf)}@font-face{font-family:SourceHanSansCN-Light;src:url(/micro-assets/font/SourceHanSansCN-Light.otf)}@font-face{font-family:SourceHanSansCN-Regular;src:url(/micro-assets/font/SourceHanSansCN-Regular.otf)}@font-face{font-family:SourceHanSansCN-Normal;src:url(/micro-assets/font/SourceHanSansCN-Normal.otf)}@font-face{font-family:SourceHanSansCN-Medium;src:url(/micro-assets/font/SourceHanSansCN-Medium.otf)}@font-face{font-family:SourceHanSansCN-Bold;src:url(/micro-assets/font/SourceHanSansCN-Bold.otf)}@font-face{font-family:SourceHanSansCN-Heavy;src:url(/micro-assets/font/SourceHanSansCN-Heavy.otf)}body .ant-form-inline.table-query-form{margin-bottom:8px}body .ant-form-inline.table-query-form>.ant-row:not(.ant-form-item){width:100%}body .ant-form-inline.table-query-form .ant-form-item{margin-bottom:16px}body .ant-form-inline.table-query-form .ant-form-item .ant-input,body .ant-form-inline.table-query-form .ant-form-item .ant-select{width:200px}::-webkit-scrollbar-track-piece{background-color:#f8f8f8}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#ddd;min-height:28px}::-webkit-scrollbar-thumb:hover{background-color:#bbb}.flex{display:flex}.flex-center{align-items:center;display:flex}.flex1{flex:1}.flex2{flex:2}.flex3{flex:3}.flex4{flex:4}.flex5{flex:5}.flex6{flex:6}.flex7{flex:7}.flex8{flex:8}.flex9{flex:9}.flex10{flex:10}.flex11{flex:11}.flex12{flex:12}.Demo{color:red}.ant-layout .inl-layout-sider.ant-layout-sider{background:#1b2c55}.ant-layout .inl-layout-sider.ant-layout-sider .ant-layout-sider-children{display:flex;flex-direction:column}.ant-layout .inl-layout-sider.ant-layout-sider .folder{color:#fff;cursor:pointer;font-size:20px;height:38px;line-height:38px;opacity:.8;padding:0 16px;text-align:right;transition:opacity .3s ease-in-out}.ant-layout .inl-layout-sider.ant-layout-sider .folder:hover{opacity:1}.ant-layout .inl-layout-sider.ant-layout-sider .folder.isFold{text-align:center}.ant-layout .inl-layout-sider.ant-layout-sider .ant-menu{background-color:transparent;border-right:0!important;flex:1;font-size:14px;overflow-x:hidden;overflow-y:auto}.ant-layout .inl-layout-sider.ant-layout-sider .ant-menu::-webkit-scrollbar-track-piece{background-color:transparent}.ant-layout .inl-layout-sider.ant-layout-sider .ant-menu::-webkit-scrollbar{height:5px;width:0}.ant-layout .inl-layout-sider.ant-layout-sider .ant-menu::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#3d4456;min-height:28px}.ant-layout .inl-layout-sider.ant-layout-sider .copyright{color:#b9c2d5;font-size:12px;opacity:.3;padding:8px;text-align:center}.ant-layout .inl-layout-sider.ant-layout-sider.ant-layout-sider-collapsed .copyright{display:none}body[data-theme=light] .inl-layout-sider.ant-layout-sider{background:#fff}body[data-theme=light] .inl-layout-sider.ant-layout-sider .folder{color:#000}body[data-theme=light] .inl-layout-sider.ant-layout-sider.ant-layout-sider-collapsed .folder{text-align:center}body[data-theme=light] .inl-layout-sider.ant-layout-sider .copyright{color:#000}.inl-layout .layout-mask{background:#000;bottom:0;clip-path:polygon(0 0,0 100%,210px 100%,210px 92px,calc(100% - 10px) 92px,calc(100% - 10px) calc(100% - 10px),210px calc(100% - 10px),210px 100%,100% 100%,100% 0);left:0;opacity:.5;position:absolute;right:0;top:0;z-index:1000}.inl-layout .ant-layout{height:100%}.inl-layout .ant-layout .ant-layout-header{background-color:#132041;height:50px;line-height:50px;padding:0}.inl-layout .ant-layout .ant-layout-header .header{align-items:center;display:flex;padding-right:20px}.inl-layout .ant-layout .ant-layout-header .header .logo{align-items:center;display:flex;justify-content:center;width:200px}.inl-layout .ant-layout .ant-layout-header .header .logo img{width:140px}.inl-layout .ant-layout .ant-layout-header .header .menu{background-color:transparent;border-bottom:0;flex:auto;font-size:14px;overflow:hidden}.inl-layout .ant-layout .ant-layout-header .header .menu .ant-menu-item-selected{background:linear-gradient(180deg,rgba(58,117,205,0),rgba(58,117,205,0) 0,rgba(71,98,226,.6))!important}.inl-layout .ant-layout .ant-layout-header .header .menu .ant-menu-item:after{content:unset!important}.inl-layout .ant-layout .ant-layout-header .header .search{background:transparent;border-color:rgba(185,194,213,.3);box-shadow:unset;color:rgba(185,194,213,.3);width:200px}.inl-layout .ant-layout .ant-layout-header .header .search input{background:transparent;color:#fff}.inl-layout .ant-layout .ant-layout-header .header .user-info{align-items:center;display:flex;margin:0 20px}.inl-layout .ant-layout .ant-layout-header .header .user-info .avatar{margin-right:8px}.inl-layout .ant-layout .ant-layout-header .header .user-info .username{align-items:center;color:#fff;display:flex}.inl-layout .ant-layout .ant-layout-header .header .logout{color:#fff;font-size:20px}.inl-layout .ant-layout .ant-layout-header .header .logout .anticon{position:relative;top:2px}.inl-layout .ant-layout .inl-layout-sider .ant-menu-item,.inl-layout .ant-layout .inl-layout-sider .ant-menu-submenu-title{margin:0}.inl-layout .ant-layout .ant-layout-content{display:flex;flex-direction:column;padding:10px}.inl-layout .ant-layout .ant-layout-content.only-page{padding:0}.inl-layout .ant-layout .ant-layout-content .tab-list{align-items:center;display:flex}.inl-layout .ant-layout .ant-layout-content .tab-list .tabs-container{display:flex;flex:1;flex-wrap:nowrap;height:100%;overflow:hidden;padding:0 8px}.inl-layout .ant-layout .ant-layout-content .tab-list .tabs-container .tab{align-items:center;border-radius:5px 5px 0 0;color:#2c3e50;cursor:pointer;display:flex;flex:1 1 30px;max-width:160px;padding:4px 12px 6px;position:relative;transition:all .15s;user-select:none;width:0}.inl-layout .ant-layout .ant-layout-content .tab-list .tabs-container .tab:after{background:#81878c;content:"";height:60%;position:absolute;right:0;top:20%;transition:background-color .3s;width:1px}.inl-layout .ant-layout .ant-layout-content .tab-list .tabs-container .tab.hide-border:after,.inl-layout .ant-layout .ant-layout-content .tab-list .tabs-container .tab:hover:after{background:transparent}.inl-layout .ant-layout .ant-layout-content .tab-list .tabs-container .tab .icon{margin-right:4px}.inl-layout .ant-layout .ant-layout-content .tab-list .tabs-container .tab .tab-name{flex:1 1 0;font-size:12px;overflow:hidden;white-space:nowrap}.inl-layout .ant-layout .ant-layout-content .tab-list .tabs-container .tab .close{align-items:center;border-radius:50%;display:flex;font-size:12px;height:16px;justify-content:center;margin-left:6px;width:16px}.inl-layout .ant-layout .ant-layout-content .tab-list .tabs-container .tab .close:hover{background:#e8eaed;color:#000}.inl-layout .ant-layout .ant-layout-content .tab-list .tabs-container .tab .tabs-background-after,.inl-layout .ant-layout .ant-layout-content .tab-list .tabs-container .tab .tabs-background-before{fill:#fff;bottom:0;bottom:-1px;font-size:10px;position:absolute;z-index:1}.inl-layout .ant-layout .ant-layout-content .tab-list .tabs-container .tab .tabs-background-before{left:-9px}.inl-layout .ant-layout .ant-layout-content .tab-list .tabs-container .tab .tabs-background-after{right:-10px}.inl-layout .ant-layout .ant-layout-content .tab-list .tabs-container .tab:hover{background-color:#f2f3f5}.inl-layout .ant-layout .ant-layout-content .tab-list .tabs-container .tab.active{background-color:#fff}.inl-layout .ant-layout .ant-layout-content .tab-list .ant-select{margin-right:13px}.inl-layout .ant-layout .ant-layout-content .tab-list .show-all-trigger{align-items:center;border-radius:50%;cursor:pointer;display:flex;height:24px;justify-content:center;margin:0 6px;transition:all .25s;width:24px}.inl-layout .ant-layout .ant-layout-content .tab-list .show-all-trigger:hover{background:#d2d4d8}.inl-layout .ant-layout .ant-layout-content .tab-list .show-all-trigger .anticon{font-size:12px!important}.inl-layout .ant-layout .ant-layout-content .page-content{display:flex;flex:1;flex-direction:column;overflow:hidden}.inl-layout .ant-layout .ant-layout-content .page-content .page-container{background-color:#fff;display:inline-flex;flex:1;flex-direction:column;overflow:auto;position:relative}.inl-layout .ant-layout .ant-layout-content .page-content .page-container>[id^=microApp_],.inl-layout .ant-layout .ant-layout-content .page-content .page-container>[id^=microApp_]>[id^=__qiankun_microapp_wrapper]{display:flex;flex:1;flex-direction:column;height:100%}.inl-layout .ant-layout .ant-layout-content .page-content .page-container>[id^=microApp_] #app,.inl-layout .ant-layout .ant-layout-content .page-content .page-container>[id^=microApp_]>[id^=__qiankun_microapp_wrapper] #app{flex:1;overflow:auto}.inl-layout .ant-layout .ant-layout-content .page-content .page-container .menu-iframe{height:100%;position:absolute;width:100%}.inl-layout .ant-layout .ant-layout-content .page-content .page-container .iframe-fallback{padding-top:20px;text-align:center}.inl-layout .ant-layout .ant-layout-content .page-content .page-container .iframe-fallback img{width:30%}.inl-layout .ant-layout .ant-layout-content .page-content .page-container.padding{padding:24px}.inl-layout .ant-layout .ant-layout-content .page-content .page-container.padding [id^=microApp_]{margin:-24px}.inl-layout .ant-layout .ant-layout-content .page-content .page-container.padding #app{padding:24px}.inl-layout .ant-layout .ant-layout-content .page-content .page-container.padding .menu-iframe{height:calc(100% - 48px);width:calc(100% - 48px)}body[data-theme=light] .inl-layout .ant-layout-header{background:linear-gradient(90deg,#3297ff,#286be6)!important}body[data-theme=light] .inl-layout .ant-layout-header .menu{background:transparent!important;color:#fff}body[data-theme=light] .inl-layout .ant-layout-header .menu .ant-menu-item:hover{background:linear-gradient(180deg,#56a3ff,#3e7eff)!important;color:#fff!important}body[data-theme=light] .inl-layout .ant-layout-header .menu .ant-menu-submenu:hover{color:#fff!important}body[data-theme=light] .inl-layout .ant-layout-header .menu .ant-menu-item-selected{background:linear-gradient(180deg,#56a3ff,#3e7eff)!important;color:#fff!important}body[data-theme=light] .inl-layout .ant-layout-header .search{background-color:hsla(0,0%,100%,.1)!important;margin-right:36px;width:300px}body[data-theme=light] .inl-layout .ant-layout-header .search input{color:#000!important}body[data-theme=light] .inl-layout .ant-layout-header .search input::placeholder{color:hsla(0,0%,100%,.7)!important}body[data-theme=light] .inl-layout .ant-layout-header .search .btn-search{font-size:26px}body[data-theme=light] .inl-layout .ant-menu-sub{background:transparent!important}body[data-theme=light] .inl-layout .ant-menu-inline .ant-menu-item:after,body[data-theme=light] .inl-layout .ant-menu-vertical .ant-menu-item:after,body[data-theme=light] .inl-layout .ant-menu-vertical-left .ant-menu-item:after,body[data-theme=light] .inl-layout .ant-menu-vertical-right .ant-menu-item:after{background:#3e7eff;left:0;right:unset}body[data-theme=light] .inl-layout .ant-menu-item-selected{background:#eff4ff}[data-doc-theme=light] .ant-menu-light .ant-menu-submenu-title:hover{color:#3e7eff!important}.person-operation-dropdown{top:50px!important}.person-operation-dropdown .ant-dropdown-menu-item{color:#5c667d}.person-operation-dropdown .ant-dropdown-menu-item .ant-dropdown-menu-item-icon{font-size:16px}.tab-title-tooltip{padding-top:0!important}.tab-title-tooltip .ant-tooltip-arrow{display:none}.tab-title-tooltip .ant-tooltip-inner{background-color:#f0f2f5;border:1px solid #dce2ed;box-shadow:unset;color:#354052;font-size:12px;line-height:1.2;min-height:0;padding:5px 10px}.login{background-origin:content-box;background-size:cover;display:flex;flex-direction:column;font-family:PingFangSC-Ultralight,sans-serif;height:100vh;overflow:auto;overflow-y:auto;position:relative;width:100vw}.login .topTitle{left:0;margin:60px;position:absolute;top:0;z-index:2}.login .topTitle img{height:54px;width:452px}.login .content_login{display:flex;flex:1;height:700px;justify-content:space-between;padding:0 150px}.login .content_login.system{align-items:center;justify-content:center}.login .content_login.system .left,.login .content_login.system .login_box{height:600px;width:600px}.login .content_login.system .left.left,.login .content_login.system .login_box.left{align-items:center;backdrop-filter:blur(20px);background-color:hsla(0,0%,100%,.1);border-radius:6px 0 0 6px;display:flex;flex-direction:column;padding-top:54px}.login .content_login.system .left.left>div,.login .content_login.system .login_box.left>div{margin-bottom:20px}.login .content_login.system .left.left img,.login .content_login.system .login_box.left img{height:300px;margin-bottom:35px;width:425px}.login .content_login.system .left.left h3,.login .content_login.system .left.left p,.login .content_login.system .login_box.left h3,.login .content_login.system .login_box.left p{color:#fff}.login .content_login.system .left.left h3,.login .content_login.system .login_box.left h3{font-size:24px;font-weight:600;line-height:33px;text-align:center}.login .content_login.system .left.left p,.login .content_login.system .login_box.left p{font-size:14px;font-weight:0;line-height:26px;padding:0 60px}.login .content_login.system .left.login_box,.login .content_login.system .login_box.login_box{backdrop-filter:blur(20px);background-color:hsla(0,0%,100%,.15);border:none;border-radius:0 6px 6px 0}.login .content_login.platform{align-items:center;display:flex;height:100vh;left:0;overflow-y:auto;padding:0;position:absolute;top:0;width:100vw}.login .content_login.platform .login_center_box{align-items:center;display:flex;flex:1;justify-content:flex-start}.login .content_login.platform .left{align-items:center;display:flex;flex:2;justify-content:center;padding-top:54px}.login .content_login.platform .left .left_img{height:700px;width:920px}.login .content_login .login_box{background:linear-gradient(180deg,hsla(0,0%,100%,.07),hsla(0,0%,100%,0));display:flex;flex-direction:column;flex-shrink:0;height:540px;position:relative;right:0;width:440px}.login .content_login .login_box>div{border:3px solid;border-image:linear-gradient(rgba(229,235,255,.09),hsla(0,0%,100%,0)) 80 30}.login .content_login .login_box>div .ant-input-affix-wrapper:before{content:unset!important}.login .content_login .login_box .ant-form{flex:1}.login .content_login .login_box .ant-form .ant-form-item{flex:1;margin-bottom:24px}.login .content_login .login_box .ant-form .ant-form-item.mB64{margin-bottom:64px}.login .content_login .login_box .ant-form .ant-form-item .ant-form-item-label{padding-bottom:16px}.login .content_login .login_box .ant-form .ant-form-item .ant-form-item-label label{font-size:16px}.login .copyright-information{bottom:30px;color:#7b8492;font-family:PingFangSC-Regular,PingFang SC;font-size:14px;font-weight:400;left:0;line-height:30px;margin:0;position:absolute;right:0;text-align:center}.login-messsage-notice .ant-message-notice-content{background:transparent;padding:0}.login_slider .ant-modal-body{padding:0}.login_slider .imgBox{height:268px;position:relative;width:432px}.login_slider .imgBox .anticon{color:#fff;position:absolute;right:10px;top:10px;z-index:3}.login_slider .imgBox img{position:absolute;z-index:2}.login_slider .imgBox .bgImg{height:268px;width:432px;z-index:1}.login_slider .modal-box{box-sizing:content-box}.login_slider .ant-slider{background-color:#f4f6f8;height:44px;margin:24px 0 0;padding:0}.login_slider .ant-slider .ant-slider-rail,.login_slider .ant-slider .ant-slider-step,.login_slider .ant-slider .ant-slider-track{height:44px;padding:0;top:0}.login_slider .ant-slider .ant-slider-track,.login_slider .ant-slider:hover .ant-slider-track{background-color:#22cc83}.login_slider .ant-slider .ant-slider-handle{background-color:#fff;border:1px solid #ccc;border-radius:2px;height:54px;top:0;transform:translateX(-2%)!important;width:54px}.login_slider .ant-slider .ant-slider-handle:after{content:">>";line-height:54px;position:absolute;text-align:center;width:100%}.login_slider .ant-slider .ant-slider-rail{background-color:#f4f6f8;position:relative}.login_slider .ant-slider .ant-slider-rail:before{content:"向右滑动完成拼图";line-height:44px;position:absolute;text-align:center;width:100%}.login_box{display:flex;flex-direction:column}.login_box>div .ant-input{color:#fff!important}.login_box input{color:#fff;height:44px}.login_box input:-internal-autofill-previewed,.login_box input:-internal-autofill-selected{-webkit-text-fill-color:#fff;color:#fff!important;transition:background-color 9999s ease-out .1s}.login_box .ant-input-password span span svg{color:#fff}.login_box .ant-form{padding:0 67px}.login_box .ant-form-item{margin-bottom:44px}.login_box .ant-form-item .ant-input-password,.login_box .ant-form-item input{background:none;background-color:hsla(0,0%,100%,.2);font-size:16px;height:44px;line-height:0px}.login_box .ant-form-item .ant-input-password input,.login_box .ant-form-item input input{background:none;height:auto}.login_box .ant-form-item .ant-input-password .ant-input-suffix,.login_box .ant-form-item input .ant-input-suffix{font-size:14px}.login_box .ant-form-item .ant-btn{border:none;border-radius:0;font-size:18px;height:43px;line-height:0px}.login_box .ant-form-item .ant-form-item-control-input-content .ant-input-password,.login_box .ant-form-item .ant-form-item-control-input-content>.ant-input{border:1px solid #5e657f;border-radius:0}.login_box .titleBox{display:flex;justify-content:center;margin:44px 0}.login_box .titleBox img{height:36px}.login_box .titleBox .title{color:#fff;font-family:YouSheBiaoTiHei;font-size:28px;font-weight:600;height:40px;line-height:40px;padding:0}.login_box .ant-form label{color:#fff;font-family:PingFangSC-Medium,PingFang SC;font-size:16px;font-weight:500;height:22px;line-height:22px}.login_box .login_tab{display:flex;height:3rem}.login_box .login_tab .item{background:#ebf8ff;cursor:pointer;flex:1;line-height:2.8rem;opacity:.5;text-align:center;transition:all .3s ease}.login_box .login_tab .item.active,.login_box .login_tab .item:hover{background:linear-gradient(90deg,#2eb2ff,#6d71ff);color:#fff;opacity:.8}body[data-theme=light] .login_box>div .ant-input{color:#fff!important}body[data-theme=light] .login_box input:-internal-autofill-previewed,body[data-theme=light] .login_box input:-internal-autofill-selected{transition:background-color 9999s ease-out .1s}body[data-theme=light] input:-internal-autofill-previewed,body[data-theme=light] input:-internal-autofill-selected{transition:background-color 9999s ease-out .1s}.ant-select-item-option-content .color{background-color:#3e7eff;display:inline-block;height:10px;margin-right:3px;width:10px}.ant-select-item-option-content .dark{background-color:#1d33a2}.theme-select .color{background-color:#3e7eff;display:inline-block;height:10px;margin-right:3px;width:10px}.theme-select .dark{background-color:#1d33a2}.inl-layout-table-box{display:flex;flex-direction:column}.inl-layout-table-box .inl-layout-table-option{display:flex;justify-content:space-between;margin-bottom:16px}.icon-item-class{align-items:center;background:#eff2f6;border:1px solid transparent;cursor:pointer;display:flex;justify-content:center;padding:7px 8px;transition:all .2s ease-in-out}.icon-item-class-img{color:#333;font-size:24px;margin-right:8px}.icon-item-class-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-item-class:hover{background:rgba(var(--primary-color-rgb),.2);border-color:var(--primary-color)}.icon-item-class.active{background:var(--primary-color);color:#fff}.icon-item-class.active .icon-img{color:#fff}.inl-iconfonts,.inl-iconfonts .icon{align-items:center;display:flex}.inl-iconfonts .icon{background:#eff2f6;border:1px solid transparent;cursor:pointer;justify-content:center;margin-right:16px;padding:7px 8px;transition:all .2s ease-in-out}.inl-iconfonts .icon-img{color:#333;font-size:24px;margin-right:8px}.inl-iconfonts .icon-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inl-iconfonts .icon:hover{background:rgba(var(--primary-color-rgb),.2);border-color:var(--primary-color)}.inl-iconfonts .icon.active{background:var(--primary-color);color:#fff}.inl-iconfonts .icon.active .icon-img{color:#fff}.inl-select-icon-modal .ant-modal-body{height:70vh;overflow:auto}.inl-select-icon-modal .ant-modal-body .search{margin-bottom:24px;width:200PX}.inl-select-icon-modal .ant-modal-body .icon{align-items:center;background:#eff2f6;border:1px solid transparent;cursor:pointer;display:flex;justify-content:center;padding:7px 8px;transition:all .2s ease-in-out}.inl-select-icon-modal .ant-modal-body .icon-img{color:#333;font-size:24px;margin-right:8px}.inl-select-icon-modal .ant-modal-body .icon-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inl-select-icon-modal .ant-modal-body .icon:hover{background:rgba(var(--primary-color-rgb),.2);border-color:var(--primary-color)}.inl-select-icon-modal .ant-modal-body .icon.active{background:var(--primary-color);color:#fff}.inl-select-icon-modal .ant-modal-body .icon.active .icon-img{color:#fff}.inl-header-menu{background-color:#132041;width:100%}.inl-header-menu-item{background:linear-gradient(180deg,rgba(76,146,230,0),rgba(13,95,201,.5));cursor:pointer;opacity:.5;padding:5px 40px}.inl-header-menu-item>span{color:#fff}.inl-header-menu-item.inl-header-menu-item-active,.inl-header-menu-item:hover{background:linear-gradient(180deg,rgba(58,117,205,0),rgba(58,117,205,0) 0,rgba(79,115,228,.3) 71%,rgba(81,115,230,.6) 91%,rgba(71,98,226,.9));border-bottom:1px solid;border-image:linear-gradient(180deg,rgba(156,194,247,0),#628fec) 1 1;opacity:1}.inl-header-menu-title{align-items:center;display:flex;padding:5px 0}.inl-header-menu-title-text{color:#fff;font-size:30px;text-align:center;text-shadow:0 0 9px #389aff}.inl-header-menu-center-title{background:url(/micro-assets/device/titleCenter.png) no-repeat;background-size:100% 100%;justify-content:center;width:25%}.inl-header-menu-left-title{background:url(/micro-assets/device/titleLeft.png) no-repeat;background-size:contain;padding-left:30px;width:40%}.inl-header-menu-content,.inl-header-menu-content-left{align-items:center;display:flex}.inl-header-menu-content-left{background:url(/micro-assets/device/menuLeft.png) no-repeat;background-position:0 100%;background-size:contain;flex:1;justify-content:space-between;padding:5px 0}.inl-header-menu-content-left-right{display:flex;justify-content:flex-end}.inl-header-menu-content-left-right .inl-header-menu-item{clip-path:polygon(0 0,80% 0,100% 100%,20% 100%)}.inl-header-menu-content-right{align-items:center;background:url(/micro-assets/device/menuRight.png) no-repeat;background-position:0 100%;background-size:contain;display:flex;flex:1;justify-content:space-between;padding:5px 0}.inl-header-menu-content-right-left{display:flex;justify-content:flex-start}.inl-header-menu-content-right-left .inl-header-menu-item{clip-path:polygon(20% 0,100% 0,80% 100%,0 100%)}.inl-header-menu-left .inl-header-menu-content-right{background:none;justify-content:flex-end}.inl-child-layout{height:100%}.inl-child-layout .sider{background:#fff}.inl-child-layout .sider .sideMenu{display:flex;flex-direction:column;height:100%;overflow:auto}.inl-child-layout .sider .sideMenu .ant-menu{flex:1}.inl-child-layout .ant-layout-header.header-container{background-color:#132041;height:50px;line-height:50px;padding:0 20px 0 0}.inl-child-layout .child-header{display:flex;justify-content:space-between}.inl-child-layout .child-header .logo{align-items:center;display:flex;justify-content:center;width:200px}.inl-child-layout .child-header .logo img{width:140px}.inl-child-layout .child-header .user-info{margin:0 20px}.inl-child-layout .child-header .user-info .avatar{margin-right:8px}.inl-child-layout .child-header .user-info .username{color:#fff}.inl-child-layout .child-header-dev{color:#fff;display:flex;justify-content:space-between;margin:0 0 0 20px}.inl-child-layout .child-header-dev .desc{display:flex}.inl-child-layout .child-header-dev .desc .label{color:#ccc;margin-right:8px;user-select:none}.inl-child-layout .child-header-dev .desc .label:after{content:":"}.inl-child-layout .child-header-dev .desc .value{font-size:16px;font-weight:600}.inl-child-layout .layout-content{display:flex;flex-direction:column;overflow:auto;padding:20px}.inl-child-layout .layout-content .content-inner{background:#fff;display:flex;flex:1 1 100%;flex-direction:column;padding:20px}.inl-child-layout .layout-content .content-inner>*{flex:1 1 0}[data-doc-theme=light] .inl-child-layout .ant-layout-header.header-container{background:linear-gradient(90deg,#3297ff,#286be6)!important}.independent-container{height:100%;overflow:auto;padding:20px}.people-select-cpn-modal .container{display:flex;height:50vh}.people-select-cpn-modal .container .left,.people-select-cpn-modal .container .right{display:flex;flex:1;flex-direction:column;overflow:hidden}.people-select-cpn-modal .container .left .title,.people-select-cpn-modal .container .right .title{color:#31363c;font-size:14px;font-weight:600;margin-bottom:0}.people-select-cpn-modal .container .left{margin-right:16px}.people-select-cpn-modal .container .left .dep-breadcrumb,.people-select-cpn-modal .container .left .search-people-input{margin-bottom:16px;width:100%}.people-select-cpn-modal .container .left .dep-breadcrumb .ant-breadcrumb:nth-child(n - 1),.people-select-cpn-modal .container .left .search-people-input .ant-breadcrumb:nth-child(n - 1){color:var(--primary-color);cursor:pointer}.people-select-cpn-modal .container .left .tree{flex:1;overflow:auto}.people-select-cpn-modal .container .left .tree .ant-tree-node-content-wrapper{overflow:hidden}.people-select-cpn-modal .container .left .tree .ant-tree-switcher-noop{display:none}.people-select-cpn-modal .container .left .tree .node-title{display:flex;justify-content:space-between}.people-select-cpn-modal .container .left .tree .node-title .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.people-select-cpn-modal .container .left .tree .node-title .count{color:#aaa}.people-select-cpn-modal .container .right .header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.people-select-cpn-modal .container .right .header .select-text{font-weight:400}.people-select-cpn-modal .container .right .header .select-text em{color:var(--primary-color);font-style:normal;margin:0 4px}.people-select-cpn-modal .container .right .selected-container{align-content:flex-start;display:flex;flex:1;flex-wrap:wrap;overflow-y:auto}.people-select-cpn-modal .container .right .selected-container .ant-tag{margin-bottom:10px}.inl-param-manager{flex-direction:column;overflow:hidden}.inl-param-manager .ant-tabs{position:relative}.inl-param-manager .ant-tabs .ant-tabs-content-holder{overflow:auto}.inl-param-manager .tab-item .operation{text-align:right}.inl-param-manager .tab-item .operation>.ant-space{position:absolute;right:0;top:0}.inl-param-manager .tab-item .group-container .group-item-title{font-size:14px;font-weight:600}.inl-param-manager .tab-item .group-container .ant-form{overflow:hidden}.inl-param-manager .tab-item .group-container .collapse-container{margin:16px 0}.inl-param-manager .tab-item .group-container .collapse-container .header{align-items:center;display:flex;line-height:1;padding-left:16px;position:relative}.inl-param-manager .tab-item .group-container .collapse-container .header .container-title{font-size:14px;font-weight:600}.inl-param-manager .tab-item .group-container .collapse-container .header:before{background-color:#4b7ff7;bottom:0;content:" ";left:0;position:absolute;top:0;width:2px}.inl-param-manager-v2{display:flex;height:100%}.inl-param-manager-v2 .menu{height:100%;overflow-y:auto;width:200px}.inl-param-manager-v2 .menu .ant-menu{background-color:#fff;color:#31363c;min-height:100%}.inl-param-manager-v2 .menu .ant-menu .ant-menu-item{margin:0!important}.inl-param-manager-v2 .menu .ant-menu .ant-menu-item-selected,.inl-param-manager-v2 .menu .ant-menu .ant-menu-item:hover{color:var(--primary-color)}.inl-param-manager-v2 .menu .ant-menu .ant-menu-item.ant-menu-item-selected{background:#eff4ff}.inl-param-manager-v2 .menu .ant-menu .ant-menu-item.ant-menu-item-selected .ant-menu-title-content{font-weight:600}.inl-param-manager-v2 .menu .ant-menu.ant-menu-inline .ant-menu-item-selected:after{border-right-color:var(--primary-color)}.inl-param-manager-v2 .right{flex:1 1 0;margin-left:16px}.inl-param-manager-v2 .right .ant-tabs{height:100%;position:relative}.inl-param-manager-v2 .right .ant-tabs .ant-tabs-content-holder{overflow:auto;padding:0 8PX}.inl-param-manager-v2 .right .ant-tabs .tab-level .operation{position:absolute;right:0;top:0}.inl-param-manager-v2 .right .ant-tabs .cell-title{font-weight:500;margin-bottom:8px}.inl-param-manager-v2 .right .ant-tabs .param-item-input:not(.ant-switch){width:100%}.detail.fill{height:100%;overflow:hidden}.detail.fill>.detail-inner{height:100%}.inl-collapse-title__header{align-items:center;display:flex;margin-bottom:16px;padding-left:10px;position:relative}.inl-collapse-title__header:before{background-color:var(--primary-color);bottom:10%;content:"";left:0;position:absolute;top:10%;width:4px}.inl-collapse-title__header .title{font-weight:600}.inl-collapse-title__header .btn-toggle{margin-left:8px}.ssz-comment .comment{background-color:#f4f5f8;border-radius:4px;color:#1f2329;font-size:13px;margin:12px;padding:8px;text-align:center}.ssz-comment .comment .anticon{margin-right:4px}.playVideos{display:flex;flex-direction:column;height:100%;padding-left:20px}.playVideos .operate{display:flex;justify-content:space-between;margin:5px 0}.playVideos .operate .button{cursor:pointer}.playVideos .grid{display:grid;flex:1;overflow:hidden}.playVideos .grid .video{background:#000;border:1px solid hsla(216,7%,59%,.3);height:100%;object-fit:fill;overflow:hidden;width:100%}.playVideos .grid.full{height:100%;left:0;position:fixed;top:0;width:100%;z-index:10}.playVideos .type1{grid-template-columns:1fr;grid-template-rows:1fr}.playVideos .type4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.playVideos .type8{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}.playVideos .type8 .video:first-child{grid-column:1/4;grid-row:1/4}.playVideos .type9{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr}.playVideos .type13{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}.playVideos .type13 .video:first-child{grid-column:1/3;grid-row:1/3}.playVideos .type16{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}@keyframes moveBottom{0%{bottom:0}to{bottom:-66px}}.videoComponent{background:#000;height:100%;position:relative;width:100%}.videoComponent.fill{object-fit:fill}.videoComponent.contain{object-fit:contain}.videoBox{height:100%;overflow:hidden;position:relative}.videoBox.alarm:before{border:2px solid #ea5858;box-shadow:inset 0 0 10px 8px rgba(234,88,88,.5);content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%;z-index:7}.videoBox:hover .selectFields{animation-duration:1s;animation-fill-mode:both;animation-name:moveBottom}.videoBox:hover .footer-min{display:flex}.videoBox:hover .footer-min .name-min span,.videoBox:hover .footer-min .tool{display:block}.videoBox .selectFields{background:rgba(0,0,0,.3);bottom:0;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;height:66px;position:absolute;width:100%}.videoBox .selectFields .info{border:0;color:#fff;line-height:33px;overflow:hidden;padding:0 5px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.videoBox .selectFields .info .value{font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.videoBox .footer-min{align-items:center;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.04);border-radius:4px 4px 0 0;bottom:0;display:none;height:44px;justify-content:space-between;position:absolute;width:100%}.videoBox .footer-min .name-min{align-items:center;display:flex;padding-left:15px}.videoBox .footer-min .name-min span{color:#fff;display:none;font-size:16px;font-weight:600}.videoBox .footer-min .tool{display:none}.videoBox .footer-min .tool img{cursor:pointer;height:20px;margin-right:15px;width:20px}.videoControls{align-items:center;display:flex;flex-direction:column;width:100%}.videoControls .videoControl{height:126px;position:relative;width:126px}.videoControls .videoControl .bg{height:100%;position:relative;width:100%}.videoControls .videoControl img{cursor:pointer;position:absolute}.videoControls .videoControl .up{left:52px;top:14px}.videoControls .videoControl .lup{left:26px;top:26px;transform:rotate(-45deg)}.videoControls .videoControl .rup{left:78px;top:27px;transform:rotate(45deg)}.videoControls .videoControl .left{left:14px;top:52px;transform:rotate(-90deg)}.videoControls .videoControl .right{left:90px;top:52px;transform:rotate(90deg)}.videoControls .videoControl .ldown{left:26px;top:78px;transform:rotate(215deg)}.videoControls .videoControl .down{left:52px;top:90px;transform:rotate(180deg)}.videoControls .videoControl .rdown{left:78px;top:78px;transform:rotate(135deg)}.videoControls .btns{background:#e0e7f2;border-radius:19px;height:28px;margin:8px 8px 0;padding:3px;width:56px}.videoControls .btns img{cursor:pointer;margin-right:1px}.cloudVideo{height:100%;width:100%}.videoAlarmDia.dark{background:linear-gradient(90deg,#3e7eff,#1e4e75 30%,#1e4e75 70%,#3e7eff);padding:1px}.videoAlarmDia.dark .ant-modal-close{color:#fff}.videoAlarmDia.dark .ant-modal-header{background-color:#22396f;border-bottom-color:transparent;padding-left:20px}.videoAlarmDia.dark .ant-modal-header .ant-modal-title{align-items:center;background-image:linear-gradient(90deg,#2852a8 0,rgba(40,82,168,0) 50%);color:#fff;display:flex;height:42px;padding-left:10px}.videoAlarmDia.dark .ant-modal-content{background-color:#22396f}.videoAlarmDia.dark .ant-modal-content .body,.videoAlarmDia.dark .ant-modal-content .body .alarmList .alarm .name,.videoAlarmDia.dark .ant-modal-content .body .alarmList .title,.videoAlarmDia.dark .ant-modal-content .body .themeImg{color:#fff}.videoAlarmDia.dark .ant-modal-content .body .tabs .tabContainer .allTab .tab{background:#ffffff1a;color:#fff}.videoAlarmDia.dark .ant-modal-content .body .tabs .tabContainer .allTab .tab.active{background:#3e7eff;color:#fff}.videoAlarmDia .ant-modal-body{padding-top:18px}.videoAlarmDia .body{display:flex;flex-direction:column;height:660px}.videoAlarmDia .body .title{color:#000;font-size:18px}.videoAlarmDia .body .themeImg{height:18px;margin-right:5px;width:18px}.videoAlarmDia .body .current{align-self:center;display:flex;height:400px;justify-content:center;margin:10px 0 25px;width:750px}.videoAlarmDia .body .current .grid{grid-gap:3px;background-color:transparent;display:grid;height:100%;overflow:hidden;width:100%}.videoAlarmDia .body .current .grid .videoBox{background-color:#000}.videoAlarmDia .body .alarmList{display:flex;flex-wrap:wrap;justify-content:flex-start;max-height:80px;overflow:auto}.videoAlarmDia .body .alarmList .title{font-size:14px;font-weight:600;margin-bottom:10px}.videoAlarmDia .body .alarmList .alarm{align-items:center;border-radius:5px;color:#000;cursor:pointer;height:24px;margin-bottom:10px;margin-right:10px;padding:5px}.videoAlarmDia .body .alarmList .alarm img{height:16px;margin-right:5px;width:16px}.videoAlarmDia .body .alarmList .alarm .name{font-size:14px;white-space:nowrap}.videoAlarmDia .body .alarmList .alarm1{background:rgba(234,88,88,.1);color:#354052}.videoAlarmDia .body .alarmList .alarm2{background:rgba(255,146,20,.1);color:#354052}.videoAlarmDia .body .alarmList .alarm3{background:rgba(255,196,20,.1);color:#354052}.videoAlarmDia .body .alarmList .alarm4{background:rgba(62,126,255,.1);color:#354052}.videoAlarmDia .body .tip{align-items:center;display:flex;margin:0}.videoAlarmDia .body .tip .sumNum{margin-right:16px}.videoAlarmDia .body .tip .timeNum{color:#3e7eff;font-weight:600;margin-right:5px}.videoAlarmDia .body .tabs{align-items:center;display:flex;margin:10px 0 5px}.videoAlarmDia .body .tabs .themeImg{cursor:pointer;overflow:visible}.videoAlarmDia .body .tabs .endIcon{margin-left:10px}.videoAlarmDia .body .tabs .tabContainer{display:flex;overflow:hidden}.videoAlarmDia .body .tabs .tabContainer .allTab{display:flex;height:40px;left:0;position:relative}.videoAlarmDia .body .tabs .tabContainer .allTab .tab{background:#f2f3f8;border-radius:4px;cursor:pointer;font-size:14px;height:32px;line-height:32px;margin-right:10px;padding:0 10px;position:relative;text-align:center;white-space:nowrap}.videoAlarmDia .body .tabs .tabContainer .allTab .tab.active{background:#1d33a2;color:#fff}.videoAlarmDia .body .tabs .tabContainer .allTab .tab.active:after{border:10px solid transparent;border-top-color:#1d33a2;content:"";height:0;left:50%;position:absolute;top:30px;width:0}.videoAlarmDia .body .numLine{align-items:center;display:flex}.videoAlarmDia .body .numLine .cameraNum{color:#3e7eff;font-weight:600}.videoAlarmDia .body .numLine .tipImg{height:18px;margin:0 5px 0 25px;width:18px}.videoAlarmDia .body .numLine .alarmNum{color:#fa4141;font-weight:600}.videoAlarmDia .body .otherAlarm{align-items:center;display:flex}.videoAlarmDia .body .otherAlarm .ant-tag{cursor:pointer;font-size:14px}.videoAlarmDia .body .otherAlarm .tipImg{height:18px;margin-right:5px;width:18px}.videoAlarmDia .body .otherAlarm .annotation{height:12px;margin:2px;width:12px}.videoAlarmDia .body .type1{grid-template-columns:1fr;grid-template-rows:1fr}.videoAlarmDia .body .type4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.videoAlarmDia .body .type8{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}.videoAlarmDia .body .type8 .videoBox:first-child{grid-column:1/4;grid-row:1/4}.videoAlarmDia .body .type9{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr}.videoAlarmDia .body .type13{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}.videoAlarmDia .body .type13 .videoBox:first-child{grid-column:1/3;grid-row:1/3}.videoAlarmDia .body .type16{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}:root{--primary-color:#1d33a2;--primary-color-rgb:29,51,162}:root[data-doc-theme=light]{--primary-color:#3e7eff;--primary-color-rgb:62,126,255}
package/dist/tplib/index.cjs CHANGED
@@ -4540,7 +4540,7 @@ class WebRtcMt {
4540
4540
  }
4541
4541
  }
4542
4542
  }
4543
- retryTime;
4543
+ // protected retryTime;
4544
4544
  // 拉流创建播放器
4545
4545
  createVideo(plays) {
4546
4546
  this.mediaServerAddrMap.set(plays.videoElm, plays);
@@ -4551,7 +4551,6 @@ class WebRtcMt {
4551
4551
  fetch(addRtspProxyUrl, {
4552
4552
  method: "GET"
4553
4553
  }).then(response => {
4554
- this.retryTime = 0;
4555
4554
  response.json().then(res => {
4556
4555
  if (res.code === 0) {
4557
4556
  this.startPlay(plays);
@@ -4563,12 +4562,9 @@ class WebRtcMt {
4563
4562
  }
4564
4563
  });
4565
4564
  }).catch(err => {
4566
- if (!this.retryTime) {
4567
- this.retryTime = 60;
4568
- setTimeout(() => {
4569
- this.rePlay();
4570
- }, 60 * 1e3);
4571
- }
4565
+ setTimeout(() => {
4566
+ this.rePlay();
4567
+ }, 3 * 60 * 1e3);
4572
4568
  });
4573
4569
  });
4574
4570
  }
@@ -4627,7 +4623,7 @@ class WebRtcMt {
4627
4623
  this.stopPlay();
4628
4624
  setTimeout(() => {
4629
4625
  this.init(this.opt);
4630
- }, 1e3);
4626
+ }, 5 * 1e3);
4631
4627
  }
4632
4628
  // 播放
4633
4629
  play(videoElm) {
package/dist/tplib/index.d.ts CHANGED
@@ -49,7 +49,6 @@ declare class WebRtcMt {
49
49
  sdpUrl: any;
50
50
  };
51
51
  protected init(opt: WebRtc): void;
52
- protected retryTime: any;
53
52
  protected createVideo(plays: PlayVideoArgs): Promise<unknown>;
54
53
  log(type: "err" | "info" | "warn", text: string): void;
55
54
  stopPlay(id?: string): void;
package/dist/tplib/index.js CHANGED
@@ -4536,7 +4536,7 @@ class WebRtcMt {
4536
4536
  }
4537
4537
  }
4538
4538
  }
4539
- retryTime;
4539
+ // protected retryTime;
4540
4540
  // 拉流创建播放器
4541
4541
  createVideo(plays) {
4542
4542
  this.mediaServerAddrMap.set(plays.videoElm, plays);
@@ -4547,7 +4547,6 @@ class WebRtcMt {
4547
4547
  fetch(addRtspProxyUrl, {
4548
4548
  method: "GET"
4549
4549
  }).then(response => {
4550
- this.retryTime = 0;
4551
4550
  response.json().then(res => {
4552
4551
  if (res.code === 0) {
4553
4552
  this.startPlay(plays);
@@ -4559,12 +4558,9 @@ class WebRtcMt {
4559
4558
  }
4560
4559
  });
4561
4560
  }).catch(err => {
4562
- if (!this.retryTime) {
4563
- this.retryTime = 60;
4564
- setTimeout(() => {
4565
- this.rePlay();
4566
- }, 60 * 1e3);
4567
- }
4561
+ setTimeout(() => {
4562
+ this.rePlay();
4563
+ }, 3 * 60 * 1e3);
4568
4564
  });
4569
4565
  });
4570
4566
  }
@@ -4623,7 +4619,7 @@ class WebRtcMt {
4623
4619
  this.stopPlay();
4624
4620
  setTimeout(() => {
4625
4621
  this.init(this.opt);
4626
- }, 1e3);
4622
+ }, 5 * 1e3);
4627
4623
  }
4628
4624
  // 播放
4629
4625
  play(videoElm) {
package/dist/video/index.cjs CHANGED
@@ -6,10 +6,12 @@ var vue = require('vue');
6
6
  var iconsVue = require('@ant-design/icons-vue');
7
7
  var axios = require('axios');
8
8
  var vueRouter = require('vue-router');
9
+ var EZUIKit = require('ezuikit-js');
9
10
 
10
11
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
11
12
 
12
13
  var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
14
+ var EZUIKit__default = /*#__PURE__*/_interopDefaultLegacy(EZUIKit);
13
15
 
14
16
  const config = {
15
17
  prefix: "inl",
@@ -4526,7 +4528,7 @@ class WebRtcMt$1 {
4526
4528
  }
4527
4529
  }
4528
4530
  }
4529
- retryTime;
4531
+ // protected retryTime;
4530
4532
  // 拉流创建播放器
4531
4533
  createVideo(plays) {
4532
4534
  this.mediaServerAddrMap.set(plays.videoElm, plays);
@@ -4537,7 +4539,6 @@ class WebRtcMt$1 {
4537
4539
  fetch(addRtspProxyUrl, {
4538
4540
  method: "GET"
4539
4541
  }).then(response => {
4540
- this.retryTime = 0;
4541
4542
  response.json().then(res => {
4542
4543
  if (res.code === 0) {
4543
4544
  this.startPlay(plays);
@@ -4549,12 +4550,9 @@ class WebRtcMt$1 {
4549
4550
  }
4550
4551
  });
4551
4552
  }).catch(err => {
4552
- if (!this.retryTime) {
4553
- this.retryTime = 60;
4554
- setTimeout(() => {
4555
- this.rePlay();
4556
- }, 60 * 1e3);
4557
- }
4553
+ setTimeout(() => {
4554
+ this.rePlay();
4555
+ }, 3 * 60 * 1e3);
4558
4556
  });
4559
4557
  });
4560
4558
  }
@@ -4613,7 +4611,7 @@ class WebRtcMt$1 {
4613
4611
  this.stopPlay();
4614
4612
  setTimeout(() => {
4615
4613
  this.init(this.opt);
4616
- }, 1e3);
4614
+ }, 5 * 1e3);
4617
4615
  }
4618
4616
  // 播放
4619
4617
  play(videoElm) {
@@ -4790,9 +4788,9 @@ const VideoPlayerV2 = vue.defineComponent({
4790
4788
  });
4791
4789
  vue.onBeforeUnmount(() => {
4792
4790
  stopPlay();
4793
- stopV(`videoPlayer_${uuid}`);
4794
- const videoElement = document.getElementById(uuid);
4791
+ const videoElement = document.getElementById(`videoPlayer_${uuid}`);
4795
4792
  if (videoElement) {
4793
+ videoElement.pause();
4796
4794
  videoElement.src = null;
4797
4795
  videoElement.srcObject = null;
4798
4796
  videoElement.remove();
@@ -5235,23 +5233,12 @@ const VideoBoxV2 = vue.defineComponent({
5235
5233
  camera.value = res.data.data;
5236
5234
  streams.value = JSON.parse(camera.value.brandTypePo?.streamTypeDict || "[]");
5237
5235
  };
5238
- let interval;
5239
5236
  let timeout;
5240
5237
  let show = vue.ref(true);
5241
- const timer = setInterval(() => {
5242
- show.value = false;
5243
- setTimeout(() => {
5244
- show.value = true;
5245
- }, 500);
5246
- }, _prop.intervalTime * (0.5 + Math.random()));
5247
- vue.onBeforeUnmount(() => {
5248
- clearInterval(interval);
5249
- clearInterval(timer);
5250
- });
5238
+ vue.onBeforeUnmount(() => {});
5251
5239
  const fill = vue.ref("fill");
5252
5240
  vue.watch(() => _prop.camera, val => {
5253
5241
  if (val && Object.keys(val).length != 0) {
5254
- clearInterval(interval);
5255
5242
  getVideoParams(val);
5256
5243
  getVideoDetail(val);
5257
5244
  const fillVal = localStorage.getItem(val);
@@ -6128,7 +6115,81 @@ const AlarmVideo = vue.defineComponent({
6128
6115
  });
6129
6116
  var alarmVideo = installComponent(AlarmVideo, "alarm-video");
6130
6117
 
6118
+ const CloudVideo = vue.defineComponent({
6119
+ props: {
6120
+ // 视频信息|视频源uuid
6121
+ cameraId: {
6122
+ require: true,
6123
+ type: String
6124
+ },
6125
+ channelNo: {
6126
+ type: Number,
6127
+ default: 1
6128
+ },
6129
+ token: {
6130
+ type: String,
6131
+ default: ""
6132
+ },
6133
+ template: {
6134
+ type: String,
6135
+ default: ""
6136
+ },
6137
+ height: {
6138
+ type: Number,
6139
+ default: ""
6140
+ },
6141
+ width: {
6142
+ type: Number,
6143
+ default: ""
6144
+ }
6145
+ },
6146
+ emits: [],
6147
+ setup(prop, _context) {
6148
+ const uuid = vue.ref(UUID());
6149
+ let player;
6150
+ const initVideo = async () => {
6151
+ const res = await axios__default["default"].post("https://open.ys7.com/api/lapp/v2/live/address/get", void 0, {
6152
+ params: {
6153
+ accessToken: prop.token,
6154
+ deviceSerial: prop.cameraId,
6155
+ channelNo: prop.channelNo || 1
6156
+ }
6157
+ });
6158
+ const opt = {
6159
+ id: `cloudVideo_${uuid.value}`,
6160
+ url: res.data.data.url,
6161
+ accessToken: prop.token,
6162
+ template: "6298aca808d643fb99f481f2db5bf6a2",
6163
+ height: 300
6164
+ };
6165
+ if (prop.template) {
6166
+ opt.template = prop.template;
6167
+ }
6168
+ if (prop.width) {
6169
+ opt.width = prop.width;
6170
+ }
6171
+ if (prop.template) {
6172
+ opt.height = prop.height;
6173
+ }
6174
+ player = new EZUIKit__default["default"].EZUIKitPlayer(opt);
6175
+ };
6176
+ vue.onMounted(() => {
6177
+ initVideo();
6178
+ });
6179
+ vue.onBeforeUnmount(() => {
6180
+ player?.stop();
6181
+ });
6182
+ return () => vue.createVNode("div", {
6183
+ "class": "cloudVideo"
6184
+ }, [vue.createVNode("div", {
6185
+ "id": `cloudVideo_${uuid.value}`
6186
+ }, null)]);
6187
+ }
6188
+ });
6189
+ var cloudVideo = installComponent(CloudVideo, "cloud-video");
6190
+
6131
6191
  exports.AlarmVideo = alarmVideo;
6192
+ exports.CloudVideo = cloudVideo;
6132
6193
  exports.PollingPlay = pollingPlay;
6133
6194
  exports.VideoBox = videoBox;
6134
6195
  exports.VideoPlayerV1 = videoPlayerV1;
package/dist/video/index.d.ts CHANGED
@@ -2,7 +2,7 @@ import * as vue from 'vue';
2
2
  import { PropType } from 'vue';
3
3
  import * as vue_jsx_runtime from 'vue/jsx-runtime';
4
4
 
5
- declare const _default$5: vue.DefineComponent<{
5
+ declare const _default$6: vue.DefineComponent<{
6
6
  teams: {
7
7
  type: {
8
8
  (arrayLength: number): any[];
@@ -73,7 +73,7 @@ interface videoInfo$1 {
73
73
  [key: string]: string | number | boolean | videoInfo$1 | Array<videoInfo$1>;
74
74
  }
75
75
 
76
- declare const _default$4: vue.DefineComponent<{
76
+ declare const _default$5: vue.DefineComponent<{
77
77
  camera: {
78
78
  require: boolean;
79
79
  type: PropType<String | videoInfo$1>;
@@ -128,7 +128,7 @@ interface videoInfo {
128
128
  [key: string]: string | number | boolean | videoInfo | Array<videoInfo>;
129
129
  }
130
130
 
131
- declare const _default$3: vue.DefineComponent<{
131
+ declare const _default$4: vue.DefineComponent<{
132
132
  camera: {
133
133
  require: boolean;
134
134
  type: PropType<String | videoInfo>;
@@ -152,7 +152,7 @@ declare const _default$3: vue.DefineComponent<{
152
152
  intervalTime: number;
153
153
  }, {}>;
154
154
 
155
- declare const _default$2: vue.DefineComponent<{
155
+ declare const _default$3: vue.DefineComponent<{
156
156
  camera: {
157
157
  require: boolean;
158
158
  type: StringConstructor;
@@ -229,7 +229,7 @@ declare const _default$2: vue.DefineComponent<{
229
229
  btns: string[];
230
230
  }, {}>;
231
231
 
232
- declare const _default$1: vue.DefineComponent<{
232
+ declare const _default$2: vue.DefineComponent<{
233
233
  theme: {
234
234
  type: StringConstructor;
235
235
  default: string;
@@ -269,7 +269,7 @@ declare const _default$1: vue.DefineComponent<{
269
269
  countDown: number;
270
270
  }, {}>;
271
271
 
272
- declare const _default: vue.DefineComponent<{
272
+ declare const _default$1: vue.DefineComponent<{
273
273
  camera: {
274
274
  require: boolean;
275
275
  type: StringConstructor;
@@ -346,4 +346,62 @@ declare const _default: vue.DefineComponent<{
346
346
  showInfo: boolean;
347
347
  }, {}>;
348
348
 
349
- export { _default$1 as AlarmVideo, _default$5 as PollingPlay, _default$2 as VideoBox, _default$3 as VideoPlayerV1, _default$4 as VideoPlayerV2, _default as videoBoxV2 };
349
+ declare const _default: vue.DefineComponent<{
350
+ cameraId: {
351
+ require: boolean;
352
+ type: StringConstructor;
353
+ };
354
+ channelNo: {
355
+ type: NumberConstructor;
356
+ default: number;
357
+ };
358
+ token: {
359
+ type: StringConstructor;
360
+ default: string;
361
+ };
362
+ template: {
363
+ type: StringConstructor;
364
+ default: string;
365
+ };
366
+ height: {
367
+ type: NumberConstructor;
368
+ default: string;
369
+ };
370
+ width: {
371
+ type: NumberConstructor;
372
+ default: string;
373
+ };
374
+ }, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, never[], never, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
375
+ cameraId: {
376
+ require: boolean;
377
+ type: StringConstructor;
378
+ };
379
+ channelNo: {
380
+ type: NumberConstructor;
381
+ default: number;
382
+ };
383
+ token: {
384
+ type: StringConstructor;
385
+ default: string;
386
+ };
387
+ template: {
388
+ type: StringConstructor;
389
+ default: string;
390
+ };
391
+ height: {
392
+ type: NumberConstructor;
393
+ default: string;
394
+ };
395
+ width: {
396
+ type: NumberConstructor;
397
+ default: string;
398
+ };
399
+ }>> & {}, {
400
+ token: string;
401
+ template: string;
402
+ channelNo: number;
403
+ height: number;
404
+ width: number;
405
+ }, {}>;
406
+
407
+ export { _default$2 as AlarmVideo, _default as CloudVideo, _default$6 as PollingPlay, _default$3 as VideoBox, _default$4 as VideoPlayerV1, _default$5 as VideoPlayerV2, _default$1 as videoBoxV2 };