﻿.m-login-info { width: 60px; }
.u-split-line { margin-left: 0; }
.m-userinfo { background: url(../images/index/icon_headerpic.png) no-repeat; width: 37px; height: 37px; margin-left: 10px; position: relative; }
.m-infodown { margin-top: 35px; right: -5px; }

.m-icon-xmzb { margin: 20px 10px 0 0; float: right; height: 35px;font-size: 33px; color: #fff; font-family: "iconfont" !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; cursor: pointer; position: relative;min-width: 120px; }
.m-icon-xmzb i { font-style: normal; float: left; }
.m-icon-xmzb .name { font-size: 18px; float: left; line-height: 35px; margin-left: 10px; }

.m-icon-list { position: absolute; background: #17317e; display: none; margin-top: 35px; font-size: 16px; width: 120px; z-index: 999; }
.m-icon-list div { border-bottom: 1px solid #ececec; height: 35px; line-height: 35px; text-align: center; width: 100%; }
.m-icon-list div:last-child { border-bottom: none; }
.m-icon-xmzb:hover .m-icon-list { display: block; }

@media (max-width:1610px) {
    .u-fillin .m-search li:nth-child(5){ display: none;}
    .m-icon-list { margin-left: -35px; }
    .m-icon-xmzb .name { display: none; }
    .m-icon-xmzb { min-width: 35px !important; }
}
@media (max-width:1435px) {
    .u-fillin .m-search li:nth-child(5){ display: none;}
}
@media (max-width:1366px) {
    .u-holdup .m-search li select{ width: 78px;}
    .u-abnormal .m-search li select{ width: 78px;}
}


.g-main { padding: 10px; height: calc(100% - 90px); background: #E6E9F8; }
.g-left {width: calc(60% - 20px); float: left; height: calc(100% - 20px);background: #fff;padding: 10px; }
.g-right { width: calc(40% - 30px); float: left;height: calc(100% - 20px); margin-left: 10px; background: #fff; overflow: hidden;padding: 10px; }
.m-condition { height: 105px; padding: 10px; background: #fff;border-bottom: 10px solid #E6E9F8;  }
.m-condition .u-brief-rdo { width: 100%; height: 35px; border-bottom: 1px solid #D1D1D1; }
.m-condition .u-brief-rdo li { float: left; padding: 6px 20px; }
.m-condition .u-brief-rdo li input[type='radio'] { vertical-align: middle; cursor: pointer; }
.m-condition .u-brief-rdo li label { cursor: pointer; }
.m-condition .u-brief-rdo li:first-child { font-size: 18px; color: #7887c2; border-bottom: 4px solid #7887C2; }
.m-condition .u-warnnum { height: 55px; line-height: 55px; margin-top: 10px; }
.m-condition .u-warnnum li { width: 33%; color: #7C94A0; text-align: center; border-right: 1px solid #d1d1d1; float: left; }
.m-condition .u-warnnum .u-hn{ width: 19%;}
.m-condition .u-warnnum li:last-child { border-right: none; }
.m-condition .u-warnnum li > span { font-size: 22px; }
.m-condition .u-warnnum li .f-nodeal { color: #FF0041; }
.m-condition .u-warnnum li .f-total { color: #1F9C96; }
.m-condition .u-warnnum li .f-receive { color: #6EAD42; }
.m-condition .u-warnnum li .f-split { color: #FF984B; }
.m-condition .u-warnnum li > div { margin-left: 10px; line-height: 18px; text-align: left; }

.m-statable { margin-top: 10px; padding: 10px; height: calc(100% - 155px); background: #fff; }
.m-ctot{ height: 27px;border-bottom: 1px solid #ccc;}
.m-ctot li{ float: left;margin-left: 5px;border:1px solid #ccc;padding: 5px;cursor: pointer;}
.m-ctot li.m-tabon{ border-bottom: 1px solid #fff;color: #022965;font-weight: bold;}
.m-ctot>li>span{color:#f00;font-weight:bolder;}

.m-hutable{ height: calc(100% - 185px);}
.m-tabtable{ height: calc(100% - 37px);}

.m-search { height: 40px; background: #f8f8fa; border-radius: 5px; line-height: 40px;margin: 10px auto; }
.m-search .u-search-title { width: 80px; height: 100%; background: #93a5d7; text-align: center; color: #fff; border-radius: 5px 0 0 5px; float: left; }
.m-search li { float: left; margin: 0 10px 0 5px; }
.m-search li input[type='radio'] { margin-left: 5px; vertical-align: middle; cursor: pointer; }
.m-search li label { cursor: pointer; }
.m-search li select { width: 75px; }
.m-search li input[type='text'] { width: 75px; }
.m-estable{ height: calc(100% - 50px);}
.u-holdup{ }
.u-wrregime{ display: none;}
.u-abnormal{ display: none;}
.u-fillin{ display: none;}
.u-debug{ display: none;}
.u-ecologicalq{ display: none;}
.g-right .m-search{ margin-top: 0;}
.g-right .m-linechart{ height: calc(100% - 50px);overflow: auto;}

.datagrid-header td, .datagrid-body td, .datagrid-footer td { border-width: 0 1px 1px 0; border-style: solid;height: 41px; }
.datagrid-header-inner { background: #E7EDFF; }
.datagrid-header-row td .datagrid-cell span { height: 43px; line-height: 43px; font-size: 14px; }
.datagrid-btable .datagrid-row td div { height: 41px; line-height: 41px; font-size: 14px; }
.datagrid-btable .datagrid-row td div input[type='button'] { margin-left: 5px;margin-top: 8px; }
.datagrid-btable .datagrid-row td div { height: 100%; }
.datagrid-rcolor { background: #ffd7b9; }
.datagrid-ycolor { background: #ffb8b8; }
.datagrid-row-selected { background: #509ce3 !important; }

.u-chtable { margin: 10px; width: calc(100% - 20px); line-height: 44px; font-size: 14px; table-layout: fixed; border-collapse: collapse; }
.u-chtable tr:first-child { height: 250px; }
.u-chtable .u-tdtitle { font-weight: bold; text-align: right; background: #f5f5f5; }
.u-chtable td > div { width: 100%; height: 250px; }
.u-chtable td { padding: 0 4px; border: 1px solid #ccc; }

.m-list-page { text-align: center; height: 35px; line-height: 35px; }
.datagrid-empty { height: 100%; }
.layui-layer-content .propertygrid { margin: 20px; }
.nodata { background: url(../images/nodata.png) no-repeat center; height: 100%; }

.layer-ext-lightblue .layui-layer-content{ margin: 10px;margin-bottom: 0;}
.u-layul li{ line-height: 30px;}
.u-layul li input[type='text'] { width: 150px;padding: 0 5px; }
.u-layul li select { width: 150px;padding: 0 5px; }