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