/*清除默认样式*/
html,body,div,p,span,object,iframe,h1,h2,h3,h4,h5,h6,a,img,del,input,textarea,select,button,dl,dt,dd,
ol,ul,li,dfn,em,form,label,fieldset,legend,table,th,tr,td,tbody,thead,tfoot,caption,big,small,
font,b,strong,center{margin:0;padding:0;box-sizing:border-box;PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Arial,sans-serif}
button,textarea,select,input{outline:0;}
button{cursor: pointer;}
img{border:0 none;vertical-align:top;}
li{list-style-type:none}
a,a:link{text-decoration:none;}
a{color:#000;}
input,a{border:0;}
input{outline:none;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px white inset}
/* 消除谷歌浏览器  记住密码时难看的样式 */
/*共用样式*/
.word_1{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }   /*1行超过默认宽度变成...*/
.word_n{overflow : hidden;text-overflow: ellipsis;display: -ms-box;display:-webkit-box;-webkit-line-clamp: 2;/*行数*/-webkit-box-orient: vertical;-ms-line-clamp: 2;/*行数*/-ms-box-orient: vertical;display: -o-box;-o-line-clamp: 2;/*行数*/-o-box-orient: vertical;display:-moz-box;-moz-line-clamp: 2;/*行数*/-moz-box-orient: vertical;line-clamp: 2;}           /*多行行超过默认宽度变成...*/
.word_3{overflow : hidden;text-overflow: ellipsis;display: -ms-box;display:-webkit-box;-webkit-line-clamp:3;/*行数*/-webkit-box-orient: vertical;-ms-line-clamp:3;/*行数*/-ms-box-orient: vertical;display: -o-box;-o-line-clamp:3;/*行数*/-o-box-orient: vertical;display:-moz-box;-moz-line-clamp:3;/*行数*/-moz-box-orient: vertical;line-clamp:3;}           /*多行行超过默认宽度变成...*/
.word_q{text-align:justify; text-justify:inter-ideograph;}  /*两端对齐*/
.fl{float:left;}
.fr{float:right;}
.clearfix {*zoom: 1;}/*清除浮动  想让谁清浮动就写在谁的类名里*/
.clearfix:after {display: block;clear: both;content: "";height: 0;visibility: hidden;}
.body{position: relative;height:100vh;width:100vw;background:#040e2c;min-width:1024px;background:#040e2c;}
.inHeader{position: absolute;top:0;left:0;width:100%;z-index:1000;height:10vh;background:url(../images/topMask.png)repeat-x 1vh;background-size:1px 14vh;}
.inHeaderDiv{background:url(../images/indexHeaderBg.png) no-repeat center;height:4.6vw;max-width:1920px;background-size:100% 100%;margin:0 auto;min-width:1024px;width:100%;}
.inHeader a{width: 6vw;height: 2.9vw;background:url(../images/nav2.png)no-repeat center;background-size:6vw 1.9vw;display:block;color: #79b5ff;text-align:center;line-height:2.9vw;margin-top:0.1vw;font-size: 0.9vw;}
.inHeaderDiv span strong{cursor: pointer;position: relative;z-index:3;}
/* 头部 */
.inHeader a:hover{color:#ffcc1c;background:url(../images/nav1.png)no-repeat center;background-size:6vw 1.9vw;}
.inHeader .inHeaderA{color:#ffcc1c;background:url(../images/nav1.png)no-repeat center;background-size:6vw 1.9vw;}
.inHeader .inHeadera1{margin-left:12.4vw;}
.inHeader .inHeadera2{margin-left:4.4vw;}
.inHeader .inHeadera3{margin-right:2.8vw;}
.inHeader .inHeadera4{margin-right:4.4vw;}
.inHeader span{width:10vw;height:3.2vw;color:#fff;display:block;line-height:3.2vw;font-size: 0.8vw;}
.inHeader p.fl{width:36.4vw;text-align:center;color:#fff;line-height:3.2vw;margin:0 0 0 3.2vw;letter-spacing:3px;font-size: 1.1vw;}
.inHeader p.fl img{margin:0 1.5vh 0 0;width:2.6vw;height:2.6vw;}
@media screen and (min-width:1920px) {
    .inHeaderDiv{background:url(../images/indexHeaderBg.png) no-repeat center;height:88px;max-width:1920px;background-size:100% 100%;margin:0 auto;min-width:1024px;width:100%;}
    .inHeader a{width:115px;height:55.5px;background:url(../images/nav2.png)no-repeat center;background-size:115px 40px;display:block;color: #79b5ff;text-align:center;line-height:55.5px;margin-top:2px;font-size:16px;}
    .inHeaderDiv span strong{cursor: pointer;position: relative;z-index:100000;}
    /* 头部 */
    .inHeader a:hover{color:#ffcc1c;background:url(../images/nav1.png)no-repeat center;background-size:115px 40px;}
    .inHeader .inHeaderA{color:#ffcc1c;background:url(../images/nav1.png)no-repeat center;background-size:115px 40px;}
    .inHeader .inHeadera1{margin-left:238px;}
    .inHeader .inHeadera2{margin-left:85px;}
    .inHeader .inHeadera3{margin-right:53px;}
    .inHeader .inHeadera4{margin-right:85px;}
    .inHeader span{width:192px;height:61.4px;color:#fff;display:block;line-height:61.4px;font-size: 14px;}
    .inHeader p.fl{width:698px;text-align:center;color:#fff;line-height:61px;margin:0 0 0 61px;letter-spacing:3px;font-size: 22px;}
    .inHeader p.fl img{margin:0 14px 0 0;width:46px;height:46px;}
}
.footer{font-size:0.8vw;color: #999;line-height:1.7vw;width:100vw;height:1.7vw;background-color:rgba(1,2,5,0.8);text-align:center;position: absolute;bottom:0;left:0;}
.footer span{position:absolute;right:2vw;top:0;}
/* layui */
.layui-table{background:none!important;border-collapse: collapse;}
.layui-table tr{background:#09275c;color:#fff;}
.layui-table td{border: #238bd2;}
.layui-table-hover, .layui-table-click{background:#050505!important;}
.layui-table thead tr, .layui-table-header, .layui-table-header th{background:#0c3273!important;}
.layui-table-total tr{background:#011447!important;}
.layui-table-total tr:hover, .layui-table-total, .layui-table-total th{background:#011447!important;}
.layui-table-page .layui-laypage a, .layui-table-page .layui-laypage span {height: 26px;line-height: 26px;margin-bottom: 10px;color:#666;}
.detailPanel .layui-table-page .layui-laypage a,.detailPanel .layui-table-page .layui-laypage span{color: #333333;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background:#2785e4!important;}
.layui-table-page{margin-top:6px;}
.layui-table-page .layui-laypage-skip input.layui-input{color: black!important;}
/* 子页面导航 */
.tableDNav{width:100%;height:4.8vh;line-height:4.8vh;border-bottom:0.5vh solid #238bd2;padding-left:2.4vh}
.tableDNav span{width:18vh;height:4.4vh;display:block;background:url(../images/mindNav.png)no-repeat center;background-size:100% 100%;padding:0 2vh 0 0;
    text-align:center;color:#2980d0;margin-left:-2.4vh;font-size: 1.7vh;position: relative;cursor: pointer;}
.tableDNav1 span{width:17vh;}
.tableDNav2 span{width:16vh;font-size: 1.5vh;;margin-left:-2vh;}
.tableDNav .tableDNavA{background:url(../images/mindNavA.png)no-repeat center;background-size:100% 100%;color:#fff;z-index:1;}
.tableDNav span:hover{background:url(../images/mindNavA.png)no-repeat center;background-size:100% 100%;color:#fff;z-index:1;}
.tableDNav .tableDNavBack{border:1px solid #fff;color:#fff;background:#2980d0;padding:0 3vh;line-height:3vh;border-radius:1vh;cursor: pointer;}
.pollution-company-page .tableDNav{width:100%;height:5vh;line-height:5vh;border-bottom:1px solid rgba(35,139,210,.75);padding-left:1.2vh;background:rgba(8,32,82,.48);box-shadow:0 6px 16px rgba(0,0,0,.12);}
.pollution-company-page .tableDNav span{width:18vh;height:3.8vh;line-height:3.8vh;display:block;background:rgba(7,29,79,.85);border:1px solid #467edf;border-radius:1vh;padding:0 1.4vh;
    text-align:center;color:#d9ecff;margin:.5vh .6vh 0 0;font-size: 1.55vh;position: relative;cursor: pointer;box-shadow:0 4px 10px rgba(0,0,0,.10);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pollution-company-page .tableDNav1 span{width:15vh;}
.pollution-company-page .tableDNav2 span{width:13vh;font-size: 1.4vh;margin-left:0;}
.pollution-company-page .tableDNav .tableDNavA{background:linear-gradient(135deg,#1b66e5,#00a8ff);border-color:#00a8ff;color:#fff;z-index:1;box-shadow:0 6px 14px rgba(0,86,255,.24);}
.pollution-company-page .tableDNav span:hover{background:linear-gradient(135deg,#1b66e5,#00a8ff);border-color:#00a8ff;color:#fff;z-index:1;}
.pollution-company-page .tableDNav .tableDNavBack{height:3.4vh;border:0;color:#fff;background:linear-gradient(135deg,#16b985,#20c997);padding:0 2.4vh;line-height:3.4vh;border-radius:1vh;cursor: pointer;margin:.55vh 1vh 0 0;box-shadow:0 6px 14px rgba(20,180,128,.24);}
/* 视频监控 tab 面板——统一渐变风格 */
.pollution-index-page .tableDNav{width:100%;height:5vh;line-height:5vh;border-bottom:1px solid rgba(35,139,210,.75);padding-left:1.2vh;background:rgba(8,32,82,.48);box-shadow:0 6px 16px rgba(0,0,0,.12);}
.pollution-index-page .tableDNav span{width:17vh;height:3.8vh;line-height:3.8vh;display:block;background:rgba(7,29,79,.85);border:1px solid #467edf;border-radius:1vh;padding:0 1.4vh;
    text-align:center;color:#d9ecff;margin:.5vh .6vh 0 0;font-size:1.55vh;position:relative;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,.10);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pollution-index-page .tableDNav1 span{width:15vh;}
.pollution-index-page .tableDNav .tableDNavA{background:linear-gradient(135deg,#1b66e5,#00a8ff);border-color:#00a8ff;color:#fff;z-index:1;box-shadow:0 6px 14px rgba(0,86,255,.24);}
.pollution-index-page .tableDNav span:hover{background:linear-gradient(135deg,#1b66e5,#00a8ff);border-color:#00a8ff;color:#fff;z-index:1;}
/* 通知列表——标题居中 */
.notice-list-page .inHeaderDiv{position:relative;}
.notice-list-page .inHeaderDiv p.fl{position:absolute;left:50%;transform:translateX(-50%);float:none;margin:0;width:auto;white-space:nowrap;}
/* 用户列表——标题居中 */
.user-list-page .inHeaderDiv{position:relative;}
.user-list-page .inHeaderDiv p.fl{position:absolute;left:50%;transform:translateX(-50%);float:none;margin:0;width:auto;white-space:nowrap;}
/* 日志列表——标题居中 */
.log-list-page .inHeaderDiv{position:relative;}
.log-list-page .inHeaderDiv p.fl{position:absolute;left:50%;transform:translateX(-50%);float:none;margin:0;width:auto;white-space:nowrap;}
/* 报警规则列表——标题居中 */
.sys-alarm-rule-list-page .inHeaderDiv{position:relative;}
.sys-alarm-rule-list-page .inHeaderDiv p.fl{position:absolute;left:50%;transform:translateX(-50%);float:none;margin:0;width:auto;white-space:nowrap;}
/* feed_question——标题居中 */
.feed-question-page .inHeaderDiv{position:relative;}
.feed-question-page .inHeaderDiv p.fl{position:absolute;left:50%;transform:translateX(-50%);float:none;margin:0;width:auto;white-space:nowrap;}
/* 碳企业详情——标题居中 */
.carbon-company-page .inHeaderDiv{position:relative;}
.carbon-company-page .inHeaderDiv p.fl{position:absolute;left:50%;transform:translateX(-50%);float:none;margin:0;width:auto;white-space:nowrap;}
/* 用电量 */
.tableDivvv .layui-table td, .tableDivvv .layui-table th, .tableDivvv .layui-table-col-set, .tableDivvv .layui-table-fixed-r, .tableDivvv .layui-table-grid-down, .tableDivvv .layui-table-header, .tableDivvv .layui-table-page, .tableDivvv .layui-table-tips-main, .tableDivvv .layui-table-tool, .tableDivvv .layui-table-total, .tableDivvv .layui-table-view, .tableDivvv .layui-table[lay-skin=line], .tableDivvv .layui-table[lay-skin=row]
{border-color:#467edf!important;}
/* 修复 layui 表体滚动条导致表头列偏移：overlay 不占用布局宽度 */
.tableDivvv .layui-table-body .layui-table-main {
    overflow-y: overlay !important;
}
.layui-table thead TR th{border-top:1px solid #467edf;background:#3e6cbd!important;}
.box_precent{overflow: auto;border: 1px solid #ccc;display: inline-block;height: 38px;line-height: 38px;width:100%}
.box_precent input{height: 35px;float: left;border: none;outline: none;width:90%}
.box_precent span{float: left;height: 36px;}
::-webkit-scrollbar {/*滚动条整体样式*/
    width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/
    height:8px;
}
::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 5px;
     -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #535353;
}
::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 5px;
    background: #EDEDED;
}
.clear{clear:both;}
/* Menu */
#sub_menu
{
	background-color:#000;
	color: rgba(255, 255, 255, 0.8);
	width: 250px;
	font-family: 'Lato', 'FontAwesome', Helvetica;
	font-size: 15px;
    font-weight: 300;
    position:absolute;
    z-index: 1001;
}

#sub_menu p { padding: 0 0 0 10px; line-height: 38px; color:white}

#sub_menu p:after
{
	opacity: 0;
	content: '\f0da';
	position: absolute;
	right: 0;
	margin-right: 10px;
	font-size: 14px;
}

#sub_menu p:hover:after { opacity: 1; }

#sub_menu p:hover
{
	background: #7EC29C;
	color: #FFFFFF;
	cursor: pointer;
}
/* Notice */
.taleMain{width:100%;margin:0 auto;max-width:1920px;height:100vh;padding:6.5vh 0 6vh 0;}
.taleMainL{width: 7vw;height:100%;background: #092347;display: flex;align-items:center;justify-content:center; display: -webkit-flex;padding:0 2    vh;}
.taleMainL a{width: 3.5vw;height: 9.1vw;color:#fff;display:block;margin-bottom:6vh;border: solid 1px #0e327c;cursor: pointer;}
.taleMainL a:last-child{margin-bottom:0;}
.taleMainL a img{width: 3.5vw;height: 9.1vw;display:block;}
.taleMainL p{width: 3.5vw;height:70vh;}
.taleMainL a:hover{background:#0e327c;border:0;}
.taleMainL .taleMainLA{background:#0e327c;border:0;}
.taleMainR{width:90vw;height:87vh;padding-top: 3vh;margin-left:1vw;}
.tableDiv{height: 90vh;}
.mt10{margin-top:10px;}
.mb10{margin-bottom: 10px;}
.layui-table-main a{color:Lime ;cursor: pointer;text-decoration: none;}

/* .masx{position: fixed;top:0;left:0;background:#eee;padding:2%;background:url(../../images/tableBg.png)no-repeat center;background-size:100% 100%;display:none;color:white;}
.maskBack{color:#fff;font-size:2.4vh;}
.maskBack a{display:inline-block;color:#fff;vertical-align:top;cursor: pointer;}
.maskBack span{display:inline-block;color:#fff;vertical-align:top;margin:0 2vh;}
.maskTop p{line-height:6vh;height:6vh;padding:0 4vh;}
.maskTop{margin-top:2vh;}
.maskTop p:nth-child(1){background:#0c3273;color:#fff;}
.maskTop p:nth-child(2){background:#09275c;color:#fff;}
.maskTop p span{display:inline-block;width:12.5%;text-align:center;} */

/* ===== 渐变按钮风格（统一） ===== */
.btn-gradient-primary{
    padding: 0 20px !important;
    height: 42px !important;
    line-height: 42px !important;
    font-size: 14px !important;
    background: linear-gradient(135deg,#1b66e5,#00a8ff) !important;
    border: 0 !important;
    border-radius: 8px !important;
    color: #fff !important;
    box-shadow: 0 6px 14px rgba(0,86,255,.24) !important;
}
.btn-gradient-primary:hover{
    opacity: .92;
    transform: translateY(-1px);
}
.btn-gradient-success{
    padding: 0 20px !important;
    height: 42px !important;
    line-height: 42px !important;
    font-size: 14px !important;
    background: linear-gradient(135deg,#16b985,#20c997) !important;
    border: 0 !important;
    border-radius: 8px !important;
    color: #fff !important;
    box-shadow: 0 6px 14px rgba(20,180,128,.24) !important;
}
.btn-gradient-success:hover{
    opacity: .92;
    transform: translateY(-1px);
}
.btn-gradient-warm{
    padding: 0 20px !important;
    height: 42px !important;
    line-height: 42px !important;
    font-size: 14px !important;
    background: linear-gradient(135deg,#ff9b22,#ffbd4a) !important;
    border: 0 !important;
    border-radius: 8px !important;
    color: #fff !important;
    box-shadow: 0 6px 14px rgba(255,155,34,.24) !important;
}
.btn-gradient-warm:hover{
    opacity: .92;
    transform: translateY(-1px);
}
.btn-gradient-danger{
    padding: 0 20px !important;
    height: 42px !important;
    line-height: 42px !important;
    font-size: 14px !important;
    background: linear-gradient(135deg,#ff6b6b,#ff2e63) !important;
    border: 0 !important;
    border-radius: 8px !important;
    color: #fff !important;
    box-shadow: 0 6px 14px rgba(255,46,99,.24) !important;
}
.btn-gradient-danger:hover{
    opacity: .92;
    transform: translateY(-1px);
}
.btn-gradient-xs{
    padding: 0 10px !important;
    height: 26px !important;
    line-height: 26px !important;
    font-size: 12px !important;
    border-radius: 7px !important;
}
.btn-gradient-sm{
    padding: 0 14px !important;
    height: 34px !important;
    line-height: 34px !important;
    font-size: 13px !important;
    border-radius: 8px !important;
}
.btn-gradient{
    padding: 0 20px !important;
    height: 42px !important;
    line-height: 42px !important;
    font-size: 14px !important;
    border-radius: 8px !important;
}
.btn-gradient-fluid{
    width: 100% !important;
}
/* 表格操作按钮间距 */
.layui-table-cell [class*="btn-gradient"] + [class*="btn-gradient"]{
    margin-left: 6px !important;
}