anxiao_web/pages/cmddispatch/css/index.css

@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("./safeSchoolWork.css");
@import url("./safetyCheck.css");
@import url("./elegantDemeanour.css");
@import url("./leaflet-popup.css");
@import url("./skynetIpc.css");
@import url("../popcss/index.css");
@import url("./mdevSosPopPage.css");
@import url("./eventHistory.css");
@import url("./popNotifyDetail.css");
@import url("./popAlarm.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;
}

#mainNav{
    width:calc(100% - 10px);
    line-height: 30px;
    position: absolute;
    top: 42px;
    left: 6px;
    z-index:3000;
}
#mainNav:hover{
    cursor: pointer;
}


#mainNav>ul>li{
    box-sizing: border-box;
    line-height:23px;
    width:128px;
    margin-right:6px;
    font-size:16px;
    text-align: center;
    background: url("../image/top-button-l.png") 0 0 no-repeat;

}
#mainNav>ul>li:nth-child(1){
    position: relative;
    left:20px;
}

#mainNav>ul>li:nth-child(2){
    position: relative;
}


#mainNav>ul{    
    display: flex;
    overflow: hidden;
    flex:1;
}

#mainNav>ul:first-child{
    float:left;
    margin-left: 425px;
}


#mainNav>ul:last-child{
    width:280px;
    float:right;
    margin-right:440px;
}
#mainNav>ul:last-child>li{
    background: url("../image/top-button-r.png") 0 0 no-repeat;
}

#mainNav>ul>li:hover>ul{
    display: block;
}
#mainNav>ul>li>ul{
    width:104px;
   display:none;
   position: relative;
   left:24px;
   top:2px;
}

#mainNav>ul>li>ul>li{
    width:100%;
    line-height:34px;
    height:34px;
    background: url("../image/menuListBg.png") 0 0 no-repeat;
    font-size:14px;
    text-align: center;
}


#mainTop{
    height:83px;
    line-height:83px;
    background-image:url("../image/headerBg.jpg");
    background-size:auto;
    background-repeat:no-repeat; 
    text-align: center;
    font-size:28px;
}

#mainTop>span:nth-child(2){
    font-size:20px;
}

#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;
}



@keyframes jumper {
    0% {
      transform: scale(0);
      opacity: 0;
    }
    5% {
      opacity: 1;
    }
    100% {
      transform: scale(1);
      opacity: 0;
    }
}