@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
body{font-family:Arial,'微软雅黑';color:#fff; font-size:16px; background:url('../images/ntsd/background.jpg') no-repeat;}
table{ border-collapse:collapse;}
li{ list-style:none;}
a{ text-decoration:none;}
.wrapper{ margin:0 1%; width:98%; height:100%; min-width:1380px; }
.wrapper:after,.content:after{ display:block; content:" "; visibility:hidden; clear:both;}
.fL{ float:left;}
.fR{ float:right;}	
.clear{ clear:both;}
.head{ height:80px;background:url('../images/ntsd/head.png') no-repeat center; margin-bottom:18px; position:relative;}
.head h2{ font-weight:normal;font-size:30px; line-height:80px; text-align:center; }
.head .time{ font-size:20px; position:absolute; right:10px; top:50px;}
.head .kuquCurrent{ position:absolute; left:10px; top:50px;}
.head .kuquCurrent a{color:#fff; height:34px; line-height:34px; display:block; font-weight:bold; padding:0 20px;background:#69F; border-radius:15px;}
.footer{ padding:0 0 5px 0; height:30px; line-height:30px; position:fixed; bottom:0; right:1%;left:1%; text-align:right;}
.footer span{ display:inline-block;margin-left:5px; vertical-align:middle;}
.footer img{display:inline-block; vertical-align:middle;}
.content{overflow:auto; width:100%;}
.content .block{border:1px solid #1074e4; box-sizing:border-box;box-shadow:inset 2px 2px 50px #0D6CD7;-webkit-box-shadow:inset 2px 2px 50px #0D6CD7;}
.content .block h2{ font-weight:normal; font-size:20px; text-align:center; line-height:40px;}
.area1{ width:70%; height:35%; float:left; overflow:auto;}
/*.area2{ width:30%; height:30%; float:left; margin:0 1%;overflow:auto;}*/
.area3{ width:29%; height:35%; float:right;overflow:auto;}
.area4{ width:42%; height:62%; float:left; margin-top:0.8%;overflow:auto;}
.area5{ width:57%; height:62%;float:right;margin-top:0.8%;overflow:auto; }
	
/*库区选择弹出层*/
.kuquChoose{ width:400px; position:absolute; left:50%; margin-left:-200px; top:200px; border:1px solid #06F; background:#364AAB; border-radius:10px;}
.kuquChoose ul li{ margin:10px 20px;}
.kuquChoose ul li a{ color:#fff; height:40px; line-height:40px; display:block; padding:0 10px; font-size:20px;}
.kuquChoose ul li.clicked a{ background:#69F; border-radius:15px;}

/*可视化*/
.displayDiv{ padding:0 15px; position:relative;}
.displayDiv:after{display:block; content:" "; visibility:hidden; clear:both;}
.colorLabel{ overflow:hidden;font-size:16px; float:left;padding:0px 10px;width:120px; border-right:1px solid #0f60ba;}
.colorLabel ul li{padding:8px 0px; vertical-align:middle;}
.colorLabel ul li:after{display:block; content:" "; visibility:hidden; clear:both;}
.colorLabel ul li label{ float:left; margin-top:5px;}
.colorLabel ul li span{ float:left;margin-left:10px;}
/*颜色²*/
.colorLabel .spaceState{width:10px; height:10px; border-radius:50%; display:inline-block;}
.green{ background:#0C0; }
.orange{ background:#FF9900;}
.yellow{ background:#FF0;}
.purple{ background:#9999FF;}
.grey{ background:#aaa;}
.black{ background:#000;}
.blue{ background:#3498DB;}
.white{ background:#fff;}
.red{ background:#f00;}
.brown{ background:#a38b74;}
.navy{ background:#4169db;}


/*货位显示区*/
.areaRight{position:absolute; left:165px; right:15px; top:0;}
.areaRight h3{ position:relative; text-align:center;}
.areaRight h3:after{ width:40%; height:1px; background:-webkit-linear-gradient(left,#336cf9,#48daff); content:""; position:absolute; left:30%; top:10px; z-index:-1;}
.areaRight h3 span{ background:#0f152f; display:inline-table;color:#02c5fd; font-weight:normal; font-size:18px; padding:0 20px;}
.areaRightDiv{ position:relative;display:block;}
.areaRightDiv:after{display:block; content:" "; visibility:hidden; clear:both; }

/*.showDiv{transform: translate(-50%,0);position: absolute;top: 0;left:50%; clear:both;}*/
.showDiv{ display:table; margin:30px auto;}
.showDiv:after{display:block; content:" "; visibility:hidden; clear:both; }
.showTable1{ float:left;}
.showTable1 .spaceState{width:30px; height:30px;display:inline-block;}
.showTable1 td{ padding:5px 7px;}
.showTable2{ float:left;}
.showTable2 td{ padding:5px 7px;}
.showTable2 .tagShow{width:70px; height:70px;display:inline-block;}
.showTable2 .tag1_white{background: linear-gradient(to right,#fff 33.3%,#0f152f 66.6%);background-size:5px 100%;}
.showTable2 .tag1_green{background: linear-gradient(to right,#0c0 33.3%,#0f152f 66.6%);background-size:5px 100%;}
.showTable2 .tag1_grey{background: linear-gradient(to right,#aaa 33.3%,#0f152f 66.6%);background-size:5px 100%;}
.showTable2 .tag1_red{background: linear-gradient(to right,#f00 33.3%,#0f152f 66.6%);background-size:5px 100%;}
.showTable2 .tag1_yellow{background: linear-gradient(to right,#FF0 33.3%,#0f152f 66.6%);background-size:5px 100%;}
.showTable2 .tag1_brown{background: linear-gradient(to right,#a38b74 33.3%,#0f152f 66.6%);background-size:5px 100%;}


.showTable2 .tag2_white{background:repeating-linear-gradient(130deg,#0f152f 0,#0f152f 2px,#fff 4px,#aaa 6px);}
.showTable2 .tag2_grey{background:repeating-linear-gradient(130deg,#0f152f 0,#0f152f 2px,#aaa 4px,#aaa 6px);}
.showTable2 .tag2_green{background:repeating-linear-gradient(130deg,#0f152f 0,#0f152f 2px,#0c0 4px,#0c0 6px);}
.showTable2 .tag2_red{background:repeating-linear-gradient(130deg,#0f152f 0,#0f152f 2px,#f00 4px,#f00 6px);}
.showTable2 .tag2_yellow{background:repeating-linear-gradient(130deg,#0f152f 0,#0f152f 2px,#FF0 4px,#FF0 6px);}
.showTable2 .tag2_brown{background:repeating-linear-gradient(130deg,#0f152f 0,#0f152f 2px,#a38b74 4px,#a38b74 6px);}

ul.showTag{display:table; margin:0 auto;}
ul.showTag:after{display:block; content:" "; visibility:hidden; clear:both; }
ul.showTag li{padding:8px 0px; vertical-align:middle; float:left; margin-right:20px;}
ul.showTag li:after{display:block; content:" "; visibility:hidden; clear:both;}
ul.showTag li label{ float:left;width:20px; height:16px; margin-top:3px; display:inline-block;}
ul.showTag li span{ float:left;margin-left:5px;}
ul.showTag li label.tag1{background: linear-gradient(to right,#fff 33.3%,#0f152f 66.6%);background-size:4px 100%;}
ul.showTag li label.tag2{background:repeating-linear-gradient(120deg,#0f152f 0,#0f152f 2px,#fff 2px,#fff 4px);}
ul.showTag li label.tag3{background:#fff;}

/*成品库*/
.finishArea{ position:relative;}
.finishArea span{ box-sizing:border-box;text-align:center; display:inline-block; font-size:26px;background:-webkit-linear-gradient(left,rgba(69,140,248,0.3),rgba(8, 66,154,0.3));border:1px solid #0764c4;}
.fBlock1{ position:absolute; width:200px; left:50%; top:10px; margin-left:-100px;}
.fBlock1 span{width:200px; height:100px; line-height:100px; }
.fBlock2{ position:absolute; width:200px; left:50%; top:120px; margin-left:-100px;}
.fBlock2 span{width:95px; height:95px; line-height:95px;}

/*库区量表*/
.materialState{ padding:15px 30px; height:70px; box-sizing:border-box;}
.materialState ul:after{content:""; display:block; clear:both;visibility:hidden;}
.materialState ul li{ float:left;width:33%;}
.materialState ul li label{ height:10px; border-radius:5px; display:block; width:44px; margin-bottom:5px;}
.materialState ul li label.state1{ background:#00a0e9; border:1px solid #00bfff;}
.materialState ul li label.state2{ background:#1bc85e; border:1px solid #1ef167;}
.materialState ul li label.state3{ background:#496283; border:1px solid #618dbf;}
/*温度检测*/
.temperature{ padding:20px 15px 15px 15px;}
.temperature:after{ content:""; display:block; clear:both;visibility:hidden; }
.temperature .rowNumber{ border-right:2px solid #0A51A0; width:100px; float:left;}
.temperature .rowNumber ul li{ height:40px; line-height:40px;}
.temDisplay{ float:left; padding-left:15px;}
.temDisplay ul li{height:40px; line-height:40px;}
.temDisplay ul li div{ height:10px; width:200px; margin-top:15px; border:1px solid #45517A;box-sizing:border-box; border-radius:5px; background:#1A2D53;position:relative; float:left; vertical-align:middle;}
.temDisplay ul li div span.currentTem{ position:absolute; top:-1px; left:-1px;height:10px; border-radius:5px; background:linear-gradient(left,#336cf9,#48ffc7);background:-webkit-linear-gradient(left,#336cf9,#48ffc7);background:-o-linear-gradient(left,#336cf9,#48ffc7);background:-moz-linear-gradient(left,#336cf9,#48ffc7);}
.temDisplay ul li label{ color:#0291d5; float:left;vertical-align:middle; margin-left:15px;}
/*AGV状态监控*/
.agvState table{ width:86%; margin:10px 7% 0 7%;}
.agvState table thead tr td{ height:34px; line-height:34px; background:#283057; font-size:18px; opacity:0.8;text-align:center;}
.agvState table tr.abnormal td{ color:#f00;}
.agvState table tbody tr td{ color:#0291d5;font-size:17px; padding-top:5px;}
.agvState table td div{ position:relative; width:95px; display:block;height:65px; background-size:65px;}
.agvState table td div i{ position:absolute; top:10px; left:-5px; font-style:normal; font-size:18px;}
.agv_normal{ background:url('../images/ntsd/agv_normal.png') no-repeat center center;}
.agv_abnormal { background: url('../images/ntsd/agv_normal.png') no-repeat center center;}

/*AGV搬运任务*/
.agvTask table{width:96%; margin:10px 2%;}
.agvTask table thead tr td{ height:34px; line-height:34px; background:#283057; font-size:18px; opacity:0.8;}
.agvTask table td{text-align:center;}
.agvTask table tbody td{ border-bottom:1px dashed #314c83; height:40px; line-height:20px; color:#0291d5;}