anxiao_web/pages/cmddispatch/css/mainCenter.css

.mainContentC{
    float:left;
    width:calc(100% - 0px);
    /* margin:0 5px; */
    height:100%;
}
.systemNameUpdate>p>span{
    font-size:18px;
}
.mainContentC_t>div{
    position: absolute;
}
#map{
    width:100%;
    height:100%;
    z-index:1000;
}
#mapMarkerText,
#mapOpear{
    line-height:38px;
    z-index:2999;
    background: rgba(23,69,173,.5);
    width:100%;
}

#orgDetail{
    background: rgb(31 83 201 / 50%);
}

.orgDetailTitle{
    width:100%;
    height:38px;
}
.orgDetailTitle>div:first-child{
    float: left;
    text-indent: 10px;
    font-size:16px;
}
.orgDetailTitle>div:last-child{
    float:right;
    margin-right:10px;
}
.orgDetailTitle>div>p>img{
    float:left;
    margin:10px 7px;
}
.orgDetailTitle:hover{
    cursor: pointer;
}


.markerDetail{
    background: rgba(23,69,173,.8);
    overflow: hidden;
}
.markerDetail:hover{
    cursor: pointer;
}

.cmdEventSelect{
    width:70px;
    height:27px;
    line-height:30px;
    float:right;
    background:url("../image/clearScreen.png") 0 0 no-repeat;
    margin:5px; 
    text-align: center;
}

.orgDetailTitleContent{
    display: none;
    width:calc(100% - 40px);
    overflow: hidden;
    background:#071e50;
    padding:0 20px;
}
.orgDetailTitleContent>div:nth-child(1){
    float:left;
    width:calc(100% - 160px);
    text-indent: 2em;
    line-height:40px;
}
.orgDetailTitleContent>div:nth-child(2){
    float:right;
  
}
.orgDetailTitleContent>div:nth-child(2)>img{
   float:left;
   margin:5px;
}

#mapOpear{
    bottom:0;
    clear: both;
}
#mapOpear:hover{
    cursor: pointer;
}
#mapMarkerText>.markerDetail>p,
.mapStyle>p{
    float:left;
    margin-right:15px;
}
#mapMarkerText>.markerDetail>p>img:nth-child(1),
.mapStyle>p>img:nth-child(1)
{
    float:left;
    margin:12px 5px;
    
}
#mapMarkerText>.markerDetail>p>img{
    float:left;
    margin:6px 2px;

}
#mapMarkerText>.markerDetail>p>img:nth-child(2){
    width:24px;
    height:24px;
}

#mapOpear>div:nth-child(1){
    float:left;
}
#mapOpear>div:nth-child(2){
    float:right;
}

#mapOpear>div>button{
    background:none;
    border: 1px solid #5FA3F8;
    border-radius: 6px;
    color:#fff;
    padding:6px 8px;
}

.mainContentC_t{
    height:calc(100%  - 40px);
    box-sizing: border-box;
	border:1px solid #5397F0;
	border-radius: 2px;
    position: relative;
}

.mainContentC_b{
    height:35px;
    box-sizing: border-box;
	border:1px solid #5397F0;
	border-radius: 2px;
    margin-top:5px;
}

.mainContentC_b_t{
    padding:0 10px;
}
.mainContentC_b_b{
   
    height:calc(100% - 40px);
    overflow-y: auto;
}

.mainContentC_b_b>table{
    width:100%;
    height:100%;
}
.mainContentC_b_t{
    padding:0 10px 0 0;
    height:40px;
    line-height:40px;
}

.mainContentC_b_t>span:last-child{
    float:right;
}


.mainContentC_b_t>span:last-child{
    float:right;
}


.leftSlide,.rightSlide{
    display: none;
    position: absolute;
    z-index:9999;
    width:22px;
    height:108px;
    line-height:108px;
    text-align: center; 
    top:50%;
    margin-top:-54px;
}
.leftSlide{
    background: url("../image/rightSlideBg.png") 0 0 no-repeat;
    left:0 !important;
}
.rightSlide{
    background: url("../image/leftSlideBg.png") 0 0 no-repeat;
    right:0 !important;

}



.mainContentC_t:hover .leftSlide,
.mainContentC_t:hover .rightSlide
{
    display: block;
}



.mainCenterBottomList{
    overflow: hidden;
    box-sizing: border-box;
    height:33px;
    line-height:33px;
}
.mainCenterBottomList>ul{
    float:left;
    width:calc(100% - 100px);
    position: relative;
}

.mainCenterBottomList>ul>li{
    float:left;
    height:26px;
    line-height:26px;
    text-align: center;
   
    position: relative;
    padding:4px 18px;
    border-radius: 2px 2px 0 0 ;
    margin-right:10px;
}

.eventAlarmSelect{
    color:#35F6FD !important;
    background:#0847a4;
    box-shadow: 0 0 2px 2px #0862c5 inset;
}
.mainCenterBottomList>ul>li:first-child{
    z-index:100;
}

.mainCenterBottomList>ul>li:nth-child(2){
    z-index:5;
}
.mainCenterBottomList>ul>li:nth-child(3){

    z-index:4;
}

.mainCenterBottomList>ul>li>a{
    color:#fff;
}
.mainCenterBottomList>ul>li>a>span{
    margin-left:5px;
}
.mainCenterBottomList>div{
    float:right;
}
.mainCenterBottomList>div:hover{
    cursor: pointer;
}
.mainCenterBottomList>div>p{
    float:right;
}
.mainCenterBottomList>div>p>img{
    float:left;
    margin:7px;
}

.mainCbContent{
    display:none;
}
.mainCenterBottomTitle{
    overflow: hidden;
    line-height:40px;
    padding:0 10px;
}
.mainCenterBottomTitle>p{
    float:left;
}
.mainCenterBottomTitle>ul{
    height:40px;
    float:left;
}
.mainCenterBottomTitle>ul>li{
    float:left;
    margin-left:16px;
}

.mainCenterBottomTitle>div{
    float:right;
}
.mainCenterBottomTitle>div>span{
    float:left;
    margin-left:10px;
}
.mainCenterBottomTitle>div>button{
    height:32px !important;
    padding:0 20px;
    font-size: 14px;
    border: 1px solid rgb(56,125,191);
    box-shadow: 0 0 2px 1px #3765b8 inset;
    background: #071D4D;
    color:#fff;
}



.mainCbContent .layui-table-view .layui-table td{
    padding:4px 0;
}

.mainContentC_b .layui-btn {
    height:26px !important;
    line-height:26px !important;
}