123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971 |
-
- *{
- 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 */
|