html, body{font: calc(100vw / 26) / 1.5 Arial, "Microsoft Yahei";}
.login{width:95%;top:50%;}
.login_head .title h3{font-size: 1.7rem;}
.logo,.navList{display:none;}
.wap_menu{display:block;width: 5rem;height: 100%;text-align: center;background: #282c34;color: #fff;font-weight: bold;}
.topNav{width: calc(100% - 5rem);}
.treeMenu{position: fixed;left: 0;right: 0;width: 100%;background: rgba(0, 0, 0, 0.5);z-index: 999999;display:none;}
.treeMenu ul{transform: translate(-100%);width: 15rem;background: #282c34;overflow-x: hidden;overflow-y: auto;height: 100%;transition: transform 0.3s;}
.treeMenu.open{display:block;}
.treeMenu.open ul{transform: translate(0%);}
.mainContent{width: 100%;margin-bottom: 0px;height: calc(100% - 4.2rem);}
.total_card{width: calc(50% - 1rem);}
.table{overflow-x: auto;display: block;max-width: 100%;width: max-content;table-layout: fixed;margin: 0 auto;min-width: auto;}
.table td{white-space: nowrap;}
.pagination li{margin: 0.25rem;}

.videoWarpList{position: absolute;top: 22rem;height: calc(100% - 23rem);left: 1rem;}
.videoWarpList.deviceList{left: 11rem;}
.video{width: 100%;height: 15rem;}