@import url("./reset.css"); @import url("./mainHeader.css"); @import url("./mainLeft.css"); @import url("./mainCenter.css"); @import url("./mainRight.css"); @import url("./public.css"); @import url("./layuireset.css"); @import url("./infowindow.css"); @import url("./marker.css"); @import url("./alarmEvent.css"); @import url("./tree.css"); html,body,#cityManageContent{ width:100%; height:100%; background:#01123D; color:#fff; font-size:14px; /* user-select: none; */ } #mainHeader{ text-align:center; position: absolute; width:100%; top:0; } .systemNameUpdate:hover{ cursor: pointer; } #mainTop{ height:83px; line-height:83px; background-image:url("../image/headerBg.jpg"); background-size:auto; background-repeat:no-repeat; text-align: center; cursor: pointer; } #mainTop>div:nth-child(1){ font-size:28px; text-align:center; } #mainTop>div:nth-child(1)>span:nth-child(2){ font-size:20px; } #mainTop>div:nth-child(2){ position:absolute; right:10px; top:46px; font-size: 16px; } #mainTop>div:nth-child(2)>p{ float:left; line-height:27px; } #mainTop>div:nth-child(2)>div{ float:left; width:27px; height:27px; line-height:27px; margin-right:20px; } #mainTop>div:nth-child(2)>div:nth-child(2){ background: url("../image/1selected.png") 0 0 no-repeat; } #mainTop>div:nth-child(2)>div:nth-child(3){ background: url("../image/2selected.png") 0 0 no-repeat; } #mainTop>div:nth-child(2)>div:nth-child(4){ background: url("../image/4selected.png") 0 0 no-repeat; } #mainTop>div:nth-child(2)>div:nth-child(5){ background: url("../image/9selected.png") 0 0 no-repeat; } #mainContent{ width:calc(100% - 10px); height:calc(100% - 93px); margin:0 5px; position: absolute; top:88px; overflow: hidden; } #mainLeft, #mainRightTop{ color:#fff; z-index:10001; } #mainLeft, #mainRight{ position: absolute; width:360px; height:100%; box-sizing: border-box; border:1px solid rgb(56,125,191); box-shadow:0 0 5px 2px #3765b8 inset; } #mainCenter{ position: absolute; height:100%; width:calc(100% - 730px); margin:0 5px; left:360px; top:0; } #mainRight{ right:0px; }