@charset "utf-8";
/*reset*/
section,article,aside,header,footer,nav,dialog,figure{display:block}figure{margin:0}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}

/*commom*/
*{-webkit-tap-highlight-color:rgba(255,255,255,0)}
html,body{height: 100%;width: 100%;overflow: hidden;}
body{font-family:'微软雅黑',tahoma,arial,'宋体';font-size: 1em;color:#333;background-color:#fbfbfb;-ms-touch-action: none;-ms-content-zooming: none;}
a{text-decoration:none;color:#4261B4;}
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
.clearfix{zoom:1;}
.clear{clear:both;}
ul,li{list-style: none;padding: 0;margin: 0;}
input[type="text"],input[type="password"]{height: 2.4em;width: 100%;padding-left: 10px;-webkit-border-radius: 3px;border-radius: 3px;border: 1px solid #ccc;box-shadow: 0 0 5px #eee inset;-webkit-box-sizing: border-box;box-sizing: border-box;}
input[type="text"]:focus,input[type="password"]:focus{border-color: #FF9100;box-shadow: 0 0 5px #FF9100 inset;}

.hidden{visibility: hidden !important;}
.center{text-align: center !important;}
.position-rel{position: relative !important;}
.position-abs{position: absolute !important;}
.pull-left{float: left;}
.pull-right{float: right;}
.no-padding{padding: 0 !important;}
.color-red{color: red;}
.normal-btn{background-color: #4E6BB9;padding: 10px 50px;font-size: 1.2em;color: #fff;text-align: center;display: inline-block;cursor: pointer;-webkit-border-radius: 5px;border-radius: 5px;}
.normal-btn:hover,.normal-btn:visited,.normal-btn:active{color: #fff;}
.normal-btn-xs{padding: 4px 20px;font-size: 1em;border: 0;-webkit-border-radius: 3px;border-radius: 3px;}
.normal-btn.disabled{background-color: #aaa;}
.loading{text-align: center;height: 100px;line-height: 100px;}
.header{width: 100%; position: fixed; top: 0;z-index: 99;}
.header .title{line-height: 2.2em;font-weight: normal;text-align: center;color: #fff;background-color: #4E6BB9;font-size: 1.6em;}
.header .title .back{background-image: url(../images/icon_back.png);-webkit-background-size: contain;background-size: contain;width: 1.4em;height: 1.4em;display: inline-block;margin: .4em;cursor: pointer;float:left;}
.header .title .link{height: 1.4em;display: inline-block;margin-left: .4em;cursor: pointer;float:left;color: #fff;font-size: 0.8em;}
.header .title .link:active,.header .title .link:visited{color: #fff;}
.header .title .refresh-btn{background-image: url(../images/refresh.png);-webkit-background-size: contain;background-size: contain;width: 1.4em;height: 1.4em;display: inline-block;vertical-align: middle;margin: -0.3em 0 0 0.2em;cursor: pointer;}
.header .title .toolbox{background-image: url(../images/icon_monitor_off.png);-webkit-background-size: contain;background-size: contain;width: 1.4em;height: 1.4em;margin: 10px;cursor: pointer;float: right;display: inline-block;}
.header .title .toolbox.pause{background-image: url(../images/icon_monitor_on.png);}
.header .info-bar{height: 25px;line-height: 25px;-webkit-background-color: rgba(0,0,0,.5);background-color: rgba(0,0,0,.5);font-size: 0.9em;width: 100%;z-index: 999;color: #fff;}
.header .info-bar .left{float: left;}
.header .info-bar .middle{margin: 0 auto;width: 200px;display: block;text-align: center;}
.header .info-bar .right{float: right;}
.header .info-bar .countdown .selector{display: inline-block;width: 2em;height: 1em;background-image:url(../images/icon-down2.png);-webkit-background-size: 2em 1em;background-size: 2em 1em;}

/*地图切换*/
.map-types{list-style:none;padding:0px;margin:0px;position:absolute;left:10px;bottom:45px;white-space:nowrap;z-index:10;cursor:pointer;}
.map-types li{margin-top:12px;}
.map-types li p{background-color:#fff;color:#000;padding:2px 0;width:40px;margin:0px;font:bold 12px/1.3em arial,simsun,sans-serif;font-weight:normal;box-shadow:2px 2px 3px rgba(0, 0, 0, 0.35);border-radius:3px;border:0px solid #8BA4DC;text-align:center;cursor:pointer;}
.map-types .on p{background-color:#8EA8E0;color:#fff;font-weight:bold;cursor:default;}

.tip_container { 
	position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);  
     -moz-transform: translate(-50%,-50%);  
      -ms-transform: translate(-50%,-50%);  
          transform: translate(-50%,-50%);  
  background-color: rgba(0,0,0,.8);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  color: #fff;
  width: 220px;
  line-height: 140%;
  padding: 15px;
  text-align: center;
  word-wrap: break-word;
  display: block;
  z-index: 9999;
}

.query-btn {
  background-color: #4e6bb9;
  border: 1px solid #ddd;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  padding: 0;
  margin: 0 auto;
  text-align: center;
  width: auto;
  margin-bottom: 5px;
}

.moreinfo {
  display: none;
}

.switchlabel {
  display: inline-block; 
  vertical-align: top; 
  height: 30px; 
  line-height: 30px;
}

.switchOff {
  display: inline-block;
  width: 62px;
  height: 32px;
  background: #e5e5e5;
  z-index: 0;
  margin: 0;
  padding: 0;
  appearance: none;
  border: none;
  cursor: pointer;
  position: relative;
  border-radius:16px;
  -moz-border-radius:16px;
  -webkit-border-radius:16px;
}
 
.switchOff:before {
  content: ' ';
  position: absolute;
  left: 1px;
  top: 1px;
  width: 60px;
  height: 30px;
  background: #fff;
  z-index: 1;
  border-radius:16px;
  -moz-border-radius:16px;
  -webkit-border-radius:16px;
}
 
.switchOff:after {
  content: ' ';
  height: 29px;
  width: 29px;
  border-radius: 28px;
  background: #fff;
  position: absolute;
  z-index: 2;
  top: 1px;
  left: 1px;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  -webkit-box-shadow: 0 2px 5px #999999;
  box-shadow: 0 2px 5px #999999;
}
.switchOn,.switchOn:before {
  background: #4cd964 !important;
}
 
.switchOn:after {
  left: 32px !important;
}

.cmdhis {
  max-height:150px;
  overflow:hidden;
}

.cmdhis dd {
  padding: 4px;
  box-sizing: border-box;
  display: -webkit-box;
  display: box;
  -webkit-box-pack: justify;
  box-pack: justify;
  -webkit-box-orient: horizontal;
  box-orient: horizontal;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-flex-direction: row;
  flex-direction: row;
  height: 30px;
  overflow: hidden;
  width: 100%;
}

.cmdinfo {
  width: 220px;
  word-wrap: break-word;
  -webkit-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 220px;
  flex: 0 0 220px;
}

.cmdhisdel {
  -webkit-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 15px;
  flex: 0 0 15px;
  background: url(../images/icon_remove.png) no-repeat center;
  width: 15px;
  height: 22px;
}