*{ margin:0; padding:0; list-style:none; text-decoration:none; outline:none; } i { font-style: inherit; } html, body{ padding: 0px; margin: 0px; width: 100%; height: 100%; overflow: hidden; } .main{ margin: 0px; padding: 0px; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; } @font-face { font-family: 'UniDreamLED'; src: url('./fonts/DS-DIGIT-webfont.eot'); src: local('./fonts/DS-DIGIT-webfont Regular'), local('./fonts/DS-DIGIT-webfont'), url('./fonts/DS-DIGIT-webfont.woff') format('woff'), url('./fonts/DS-DIGIT-webfont.ttf') format('truetype'), url('./fonts/DS-DIGIT-webfont.svg#fontName') format('svg'); font-size: 20px; font-weight: 600; } .dateTimePicker{ /* //padding-right:20px; */ border:1px solid #C6C6C6; background-repeat:no-repeat; background-position:right center; background-color:#fff; /* //outline:0; */ /* //background-image:url(laydate/skins/default/icon.png); */ } .w100 { width: 100% !important; } .h100 { height: 100% !important; } .border0 { border: none !important; } /* .ht-widget-contextmenu:not(.ht-widget-dropdownmenu) ul { border: 1px solid rgb(197,197,197) !important; box-shadow: rgba(122, 122, 122, 0) 0px 0px 0px 0px !important; } .ht-widget-contextmenu:not(.ht-widget-dropdownmenu) ul .menu-item { background-color: rgb(255,255,255) !important; color: rgb(48,48,48) !important; } .ht-widget-contextmenu:not(.ht-widget-dropdownmenu) ul .menu-item:hover { background-color: rgb(232,239,245) !important; } .ht-widget-contextmenu:not(.ht-widget-dropdownmenu) .menu-item .contextmenu-item-icon { margin-left: -5px !important; margin-right: 9px !important; } */ .ht-widget-dropdownmenu ul { border-radius: 0 !important; } /* .ht-widget-dropdownmenu ul li { height: 24px !important; line-height: 24px !important; } */ .dialog-button-confirm, .dialog-button-cancel, .dialog-button-close { width: 84px !important; height: 28px !important; border-radius: 2px !important; background: linear-gradient(to bottom, rgb(62,141,218), rgb(18,111,204)) ; /* background-color: green !important; */ overflow: hidden !important; } .dialog-button-cancel { background: linear-gradient(to bottom, rgb(255,255,255), rgb(244,244,246)) ; border: 1px solid #ccc !important; } .dialog-button-confirm::after, .dialog-button-cancel::after, .dialog-button-close::after { content: '确认'; display: block; text-align: center; color: white; font-size: 12px; height: 28px; line-height: 28px; } .dialog-button-confirm-and-alarm::after{ content: '确 认'; color:red; font-size: 16px; } .dialog-button-cancel::after { content: '取消'; color: rgb(10, 10, 10); } .dialog-button-close::after { content: '关闭'; color: white; } .dialog-button-confirm canvas, .dialog-button-cancel canvas, .dialog-button-close canvas { visibility: hidden !important; } .dialog-button-confirm-and-export::after { content: '确认并导出' } .dialog-button-confirm-and-search::after { content: '确认并查询' } .dialog-container-title span{ font-size:15px; } .dialog-content-custom { font-size: 20px; font-weight: 400; } .dialog-content-center { text-align: center; padding-top: 30px; } .tooltip{ /* min-width: 100px; */ /* min-height: 100px; */ /*margin:30px 500px;*/ position: relative; font: 14px "微软雅黑"; color: #fff; opacity: 1 } .tooltop{ height: 40px; border-top-left-radius: 4px; border-top-right-radius: 4px; background-color:rgba(24, 26, 25, 0.9); padding: 0 28px; } .tooltop ul, .toolcon ul{ margin: 0; } .tooltop ul li{ float: left; line-height: 40px ; height: 40px; } .tooltop span{ float: left; margin:15px 0 0 3px; width: 10px; height: 10px; border-radius: 5px; background: #558071; display: none; } .toolcon{ /* min-height: 60px; */ border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background-color:rgba(87, 87, 77, 0.5); padding: 15px 28px; } .toolcon ul li { line-height: 20px; } .win{ display: inline-block; float: right; margin-left: 100px; } .pagination { display: inline-block; padding-left: 0; margin: 5px 0; border-radius: 4px; } .pagination>li { display: inline; } .pagination>li:first-child>a, .pagination>li:first-child>span { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus { color: #999; background-color: #fff; border-color: #ddd; cursor: not-allowed; } .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus { z-index: 2; color: #fff; background-color: #428bca; border-color: #428bca; cursor: default; } .pagination>li:last-child>a, .pagination>li:last-child>span { border-bottom-right-radius: 4px; border-top-right-radius: 4px; } .pagination>li>a, .pagination>li>span { position: relative; float: left; padding: 6px 12px; line-height: 1.42857143; text-decoration: none; color: #428bca; background-color: #fff; border: 1px solid #ddd; margin-left: -1px; } .border-1 { border: 1px solid #ccc !important; } .border-left-1 { border-left: 1px solid #ccc !important; } .border-right-1 { border-right: 1px solid #ccc !important; } .border-top-1 { border-top: 1px solid #ccc !important; } .border-bottom-1 { border-bottom: 1px solid #ccc !important; } .mg-top-20 { margin-top: 20px !important; } .mg-top-40 { margin-top: 40px !important; } .mg-top-30 { margin-top: 30px !important; } /* 设置百度地图左下角图片和信息 */ .anchorBL { display: none; } /*.trangle{ width: 0; height:0; margin:0 150px; border:10px solid #000; border-color:rgba(0, 0, 0, 0.3) transparent transparent transparent; }*/ /* 日期控件 */ .layui-laydate-main { width: 230px !important; } .layui-laydate { font-size: 12px !important; } .layui-laydate-content td, .layui-laydate-content th { height: 14px !important; padding: 3px 1px !important; } .layui-laydate-header i { top: 5px !important; } .layui-laydate-header { padding-top: 5px !important; } .laydate-footer-btns { top: 7px !important; } .layui-laydate-footer { padding: 5px 16px !important; height: 42px !important; } .layui-laydate-footer .laydate-btns-time { line-height: 32px !important; } .layui-laydate-footer .laydate-footer-btns span { line-height: 24px !important; } .laydate-time-list ol li { line-height: 20px !important; padding-left: 27px !important; } .laydate-time-list ol { height: 126px !important; }.layui-laydate-main { width: 230px !important; } .layui-laydate { font-size: 12px !important; } .layui-laydate-content td, .layui-laydate-content th { height: 14px !important; padding: 3px 1px !important; } .layui-laydate-header i { top: 5px !important; } .layui-laydate-header { padding-top: 5px !important; } .laydate-footer-btns { top: 7px !important; } .layui-laydate-footer { padding: 5px 16px !important; height: 42px !important; } .laydate-time-list ol li { line-height: 20px !important; padding-left: 27px !important; } .laydate-time-list ol { height: 126px !important; } .layui-laydate-list>li { height: 23px !important; line-height: 23px !important; } .layui-laydate-list { padding: 0 !important; } .menu-item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: content-box; } div.tag-info { background-color: rgba(0,0,0,0.8); color: white; border-radius: 5px; padding: 15px; height: auto; } .ht-widget-dropdownmenu>ul { min-width: 100%; } .bottom-pane { position: relative; } .bottom-pane>div.history-button>.button-icon { background: url('./image/sub.png') no-repeat center ; width: 20px; height: 100%; position: absolute; right: 1px; top: 0; z-index: 99; cursor: pointer; } .noselect { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ } /* 弹出板样式 start */ .pane-title { background: rgb(7,42,114); border: 1px solid rgb(4,94,137); border-radius: 2px; position: absolute; height: 28px; font-family: 'Microsoft YaHei'; } .pane-title-left { left: 0; width: 420px; } .pane-title-container { padding-top: 5px; } .pane-title-right { color: rgb(7,164,234); line-height: 28px; right: 2px; width: 416px; } .pane-title-right span { margin-left: 20px; font-weight: 600; } .pane-title-right ul { margin-left: 10px; } .pane-title-right li { float: left; width: 48px; text-align: right; cursor: pointer; background-image: url('./image/noselected.png'); background-repeat: no-repeat; background-position: left center; margin-right: 16px; } .pane-title-right li a { cursor: pointer; font-weight: 600; } .pane-title-right li.active { background-image: url('./image/selected.png'); } .pane-title-right li.active a { color: rgb(7,164,234); } .pane-title-right div { color: rgb(7,164,234); font-weight: 600; margin-right: 20px; } .pane-left, .pane-right { width: 410px !important; } .pane-left { margin-left: 10px !important; } .pane-right { /* margin-right: 10px !important; */ } .pane-bottom { width: 830px !important; margin-left: 10px !important; height: 265px !important; margin-top: 10px !important; } .pane-bottom-container-right { padding: 2px; margin-top: 5px; margin-right: 20px; } .pane-bottom-container-left { padding: 2px; } .pane-bottom-container-right div, .pane-bottom-container-left div, .pane-bottom-container-right div a { border: none; height: 28px; } .pane-bottom-container-right div, .pane-bottom-container-left div { margin-right: 10px; } .pane-bottom-container-right div a { padding: 0 12px; font-weight: 600; font-size: 12px; line-height: 28px; display: block; } .pane-bottom-container-right div { box-shadow: 1px 1px 2px rgb(2,24,65); } .pane-bottom-container-right div:hover { box-shadow: 0 0 5px rgb(63,157,192); } .pane-bottom-container-left { margin-left: 30px; margin-top: 5px; } .pane-bottom-btn-left { width: 30px; text-align: center; } .pane-bottom-btn-left a { font-size: 12px; font-weight: 600; border-bottom: 1px solid; } .pane-bottom-btn-left a:hover { text-decoration: none; } /* 弹出板样式 end */ .cursor-pointer { cursor: pointer } .button-mask { width: 100%; height: 100%; background-color: rgba(0,0,0,0.1); position: absolute; top: 0; left: 0; } /* 禁止时间控件内容被鼠标拖拽选择 */ .layui-laydate span, .layui-laydate div, .layui-laydate i { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently */ } /* 时间控件蓝色皮肤 start */ div.laydate-theme-blue { background-color: rgb(13,37,107); border: 1px solid rgb(13,36,104); border-radius: 5px; } .laydate-theme-blue .layui-laydate-header { color: rgb(50,140,237); font-weight: bold; border: none; } .laydate-theme-blue .layui-icon { color: rgb(50,140,237); } .laydate-theme-blue .layui-laydate-list, .laydate-theme-blue .layui-laydate-content { background-color: rgb(7,21,66); color: rgb(174,231,255); } .laydate-theme-blue .layui-laydate-list .layui-this, .laydate-theme-blue .layui-laydate-content .layui-this { background-color: rgb(8,190,253) !important; color: rgb(255,255,255) !important; border-radius: 4px; } .laydate-theme-blue .layui-laydate-content thead th { color: rgb(43,125,210); font-weight: 800; } .laydate-theme-blue .layui-laydate-content tbody td { color: rgb(50,144,237); font-weight: 600; } .laydate-theme-blue .layui-laydate-content .laydate-day-prev, .laydate-theme-blue .layui-laydate-content .laydate-day-next { color: rgb(16, 66, 173); } .laydate-theme-blue .layui-laydate-content td:hover, .laydate-theme-blue .layui-laydate-list li:hover { background-color: rgb(8,190,253) ; color: rgb(255,255,255); border-radius: 4px; } .laydate-theme-blue .layui-laydate-footer { border: none; } .laydate-theme-blue .layui-laydate-footer span { color: rgb(50,140,237); vertical-align: middle; } .laydate-theme-blue .layui-laydate-footer .laydate-footer-btns span { background-color: rgb(13,37,107); border-color: rgb(7,21,66); } .laydate-theme-blue .laydate-time-list ol li { width: 100%; } /* 时间控件蓝色皮肤 end */ /* 时间控件蓝黑皮肤 start */ div.laydate-theme-blueblack { background-color: rgb(8,97,219); border: 1px solid rgb(8,65,146); border-radius: 5px; font-family: '苹方 粗体'; } .laydate-theme-blueblack .layui-laydate-header { color: rgb(245,247,251); font-weight: bold; border: none; box-shadow: 0 1px 3px #000; z-index: 10; } .laydate-theme-blueblack .layui-icon { color: rgb(48,142,239); } .laydate-theme-blueblack .layui-icon.laydate-prev-m, .laydate-theme-blueblack .layui-icon.laydate-next-m { color: rgb(36,213,92); } .laydate-theme-blueblack .layui-laydate-list, .laydate-theme-blueblack .layui-laydate-content { background: linear-gradient(to bottom, rgb(11,42,115), rgb(8,90,199));; color: rgb(255,255,255); border: 3px solid rgb(8,66,148); border-top: none; border-bottom-width: 2px; top: 1px; } .laydate-theme-blueblack .layui-laydate-list .layui-this, .laydate-theme-blueblack .layui-laydate-content .layui-this { background-color: rgb(34,203,88) !important; color: rgb(255,255,255) !important; border-radius: 4px; } .laydate-theme-blueblack .layui-laydate-content thead th { color: rgb(255,255,255); font-weight: 800; } .laydate-theme-blueblack .layui-laydate-content tbody td { color: rgb(255,255,255); font-weight: 600; } .laydate-theme-blueblack .layui-laydate-content .laydate-day-prev, .laydate-theme-blueblack .layui-laydate-content .laydate-day-next { color: rgb(52,167,255); } .laydate-theme-blueblack .layui-laydate-content td:hover, .laydate-theme-blueblack .layui-laydate-list li:hover { background-color: rgb(34,203,88) ; color: rgb(255,255,255); border-radius: 4px; } .laydate-theme-blueblack .layui-laydate-footer { border: none; } .laydate-theme-blueblack .layui-laydate-footer span { color: rgb(255,255,255); vertical-align: middle; } .laydate-theme-blueblack .layui-laydate-footer .laydate-footer-btns span { background-color: rgb(9,74,171); border-color: rgb(8,90,198); } .laydate-theme-blueblack .laydate-time-list ol li { width: 100%; } /* 时间控件蓝黑皮肤 end */ /* 时间控件灰色皮肤 start */ div.laydate-theme-gray { background-color: rgb(51,60,89); border: 1px solid rgb(51,60,89); border-radius: 5px; } .laydate-theme-gray .layui-laydate-header { color: rgb(255,255,255); font-weight: bold; border: none; box-shadow: 0 1px 1px rgb(73,82,115); z-index: 10; } .layui-laydate-header i:hover, .layui-laydate-header span:hover { color:rgb(7,237,208) !important; } .laydate-theme-gray .layui-icon { color: rgb(73,82,115); } .laydate-theme-gray .layui-icon.laydate-prev-m, .laydate-theme-gray .layui-icon.laydate-next-m { color: rgb(7,237,208); } .laydate-theme-gray .layui-laydate-list, .laydate-theme-gray .layui-laydate-content { background-color: rgb(51,60,89); color: rgb(174,231,255); border-bottom: 1px solid rgb(73,82,115); } .laydate-theme-gray .layui-laydate-list .layui-this, .laydate-theme-gray .layui-laydate-content .layui-this { background-color: rgb(7,237,208) !important; color: rgb(255,255,255) !important; border-radius: 4px; } .laydate-theme-gray .layui-laydate-content thead th { color: rgb(255,255,255); font-weight: 800; } .laydate-theme-gray .layui-laydate-content tbody td { color: rgb(255,255,255); font-weight: 600; } .laydate-theme-gray .layui-laydate-content .laydate-day-prev, .laydate-theme-gray .layui-laydate-content .laydate-day-next { color: rgb(73,82,115); /* color: rgb(255,255,255); */ } .laydate-theme-gray .layui-laydate-content td:hover, .laydate-theme-gray .layui-laydate-list li:hover { background-color: rgb(7,237,208) ; color: rgb(255,255,255); border-radius: 4px; } .laydate-theme-gray .layui-laydate-footer { border: none; } .laydate-theme-gray .layui-laydate-footer span { /* color: rgb(50,140,237); */ color: rgb(255,255,255); vertical-align: middle; } .laydate-theme-gray .layui-laydate-footer .laydate-footer-btns span { background-color: rgb(37,45,68); border-color: rgb(37,45,68); color:rgb(255,255,255); margin-right:2px; } .laydate-theme-gray .layui-laydate-footer .laydate-footer-btns span:hover { background-color: rgb(2,172,255); color:rgb(255,255,255); } .laydate-theme-gray .laydate-time-list ol li { width: 100%; } /* 时间控件灰色皮肤 end */ li#header-item-current { border-bottom: 2px solid rgb(47,185,252); background: url('./image/nav_selectedbg.png') center center no-repeat !important; color: white; } li#header-item-current span { color: white; } li#header-item-current .menu-item-icon { visibility: hidden !important; display: none !important; } li#header-item-current .menu-item-icon-hover { visibility: visible !important; display: inline-block !important; position: relative !important; left: 0 !important; } .back-size100 { background-size: 100% 100% !important; } /* 报警弹窗 start */ .alarm-window-container { width: 400px; height: 240px; background: url('./image/alarmwindowbackground.png') no-repeat center 100%; overflow: hidden; padding: 0 6px; box-sizing: border-box; position: absolute; bottom: 0; right: 0; } .alarm-window-head { height: 42px; width: 100%; background: 'red'; } .alarm-window-head h3 { margin: 0; padding: 0; font-size: 17px; color: #ffffff; font-family: '苹方 粗体'; line-height: 42px; height: 42px; padding-left: 20px; font-weight: bold; float: left; } .alarm-window-head .alarm-window-head-btns { float: right; line-height: 42px; margin-right: 10px; } .alarm-window-head .alarm-window-head-btns span { width: 20px; height: 20px; font-size: 20px; font-weight: 600; font-family: "苹方 粗体"; color: white; display: inline-block; } .alarm-window-head h3 strong { padding: 0 8px; margin: 0; font-size: 32px; float: left; font-weight: inherit; font-family: inherit; } .alarm-window-head h3 span { float: left; } .alarm-window-body { height: 100%; width: 100%; } .alarm-window-body .alarm-window-body-flag { width: 78px; height: 71px; position: absolute; top: 50%; margin-top: -10px; left: 38px; background-image: url("./image/alarmflag12.png"); background-repeat: no-repeat; background-position: left center; } .alarm-window-body-tab { height: 28px; width: 100%; } .alarm-window-body-content { height: 120px; width: 100%; overflow: hidden; } .alarm-window-body-tab>ul, .alarm-window-body-content>ul { padding: 0; margin: 0; } .alarm-window-body-tab>ul { height: 28px; background-image: url('./image/alarmwindowtab.png'); background-position: left center; background-repeat: no-repeat; } .alarm-window-body-content>ul { height: 120px; width: 100%; padding-left: 35%; box-sizing: border-box; } .alarm-window-body-tab>ul>li, .alarm-window-body-content>ul>li{ float: left; list-style: none; text-align: center; } .alarm-window-body-tab>ul>li { width: 25%; height: 100%; margin-top: 2px; cursor: pointer; color: rgb(255,72,0); font-size: 15px; font-weight: 600; line-height: 26px; font-family: "Microsoft Yahei"; margin-left: -10px; } .alarm-window-body-tab>ul>li:first-child { margin-left: 0; } .alarm-window-body-tab>ul>li.current { background: url('./image/alarmtab1.png') center no-repeat; background-size: 100% 100%; } /* .alarm-window-body-tab>ul>li.current:first-child { background: url('./image/alarmtab1.png') center no-repeat; background-size: 100% 100%; } */ .alarm-window-body-content>ul>li { height: 100%; width: 100%; } .alarm-window-body-content>ul>li { display: none; } .alarm-window-body-content>ul>.current { display: block; } .alarm-window-body-btns { height: 40px; } .alarm-window-body-btns div { text-align: center; line-height: 40px; } .alarm-window-body-btns div span { display: inline-block; width: 128px; height: 33px; background-image: url('./image/alarmwindowconfirmbtn.png'); cursor: pointer; text-indent: 2000px; overflow: hidden; } .alarm-window-body-content-data { margin-top: 16px; } .alarm-window-body-content-data li { margin-bottom: 14px; height: 16px; } .alarm-window-body-content-data li span, .alarm-window-body-content-data li p { float: left; color: #780000; font-size: 14px; font-family: "苹方 粗体"; font-weight: bold; } .alarm-window-body-content-data li p { max-width: 160px; } .alarm-window-body-content-data li .alarm-date { margin-right: 6px; } .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden} .clearfix{*+height:1%;} .alarm-window-minify { height: 42px !important; background-position: top left; } .alarm-window-minify .alarm-window-body { display: none; } /* 报警弹窗 end */