@CHARSET "UTF-8";

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: "Lantinghei SC","方正兰亭黑_GBK","PingFang SC", "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;
  letter-spacing: .5px;
  /*background-color:#F7F8FA;*/
  background-image: url('/img/page-background.png');
}


div {
  display: block;
}

a, a:link {
  text-decoration: none;
}

ul {
  margin: 0;
    padding: 0;
}

ul, li {
    list-style-type: none;
}
tr {
  cursor: pointer;
}

.fl {
  float: left;
}

.fr {
    float: right;
}

.c-hidden {
  display: none;
}

.header {
  /* width: 100%; */
}
.header .topNav .laymid, .topNav {
  background: #1e1b29;
}

.header .topNav {
  height: 28px;
  line-height: 28px;
  min-width: 1200px !important;
}

.header .laymid {
  margin: 0 auto;
  min-width: 1170px !important;
}

/* .header .topNav .laymid {
  width: 1200px;
} */

/* .header .mainNav .laymid {
  width: 1000px;
} */

.topNav li {
  float: left;
  text-align: center;
}

.topNav a {
  text-decoration: none;
}

.topNav a:hover{
  color: #59ADFF;
}

.topNav .rlink li {
  margin: 0 5px;
}

.topNav, .topNav a, .topNav span {
  color: #fff;
  font-size: 12px;
}

.mainNav {
  min-width: 1200px !important;
  height: 72px;
  background-color: #F8F8F8;
    font-size: 12px;
    /* font-family: "微软雅黑"; */
    line-height: 18px;
  box-shadow: 2px 2px 2px #ccc;
  -moz-box-shadow:2px 2px 2px #ccc;
    -webkit-box-shadow:2px 2px 2px #ccc;
}

.mainNav .header-logo {
    display: block;
    margin-top: 22px;
    width: 130px;
    height: 50px;
    background: url(/img/indexlogo.png) 0 0 no-repeat;
    background-size: 90%;
}

.mainNav .header-text {
/*   font-family: '微软雅黑 Regular', '微软雅黑'; */
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 54px;
    margin-top: 12px;
}

.mainNav .header-text span {
  border-left: 3px solid #CCCCCC;
  padding-left: 5px;
    margin-left: 5px;
}

.mainNav .header-nav {
  margin: 12px 0 0 50px;
}

.header-nav-item {
  /* font-family: '微软雅黑 Regular', '微软雅黑'; */
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    float: left;
    line-height: 54px;
}

.header-nav-item a {
  display: block;
  margin: 0 20px;
  color: #333333;
  height: 60px;
}

.header-nav-item-current a {
  /* color: #0099CC; */
  font-weight: 500;
  /*background: url(../img/u23.png) bottom center no-repeat;*/
  border-bottom: 3px solid #008db9;
}

.header-nav-link:hover {
  color: #0099CC;
  /* font-weight: bold; */
  text-decoration: none;
}
.content {
  /*background-color:#DDD;*/
  padding-bottom:30px;
  min-width: 1200px !important;
  margin: 30px 0;
  /*width: 1170px; */
}
.content .contentBody {
  width: 1170px !important;
  margin: 0 auto;
  background-color: #ffffff;
  -moz-box-shadow:0 12px 24px rgba(0, 0, 0, .175);
    -webkit-box-shadow:0 12px 24px rgba(0, 0, 0, .175);
        box-shadow:0 12px 24px rgba(0, 0, 0, .175);
  min-height: 750px;
}
.content .content-nav {
  width: 1170px !important;
  /*background: #F2F2F2;*/
}

.content-nav .ui-nav {
    margin: 0 auto;
    min-width: 1000px !important;
    height: 40px;
}

.content-nav .ui-nav-main {
  margin-left: 40px;
}

.ui-nav-main .ui-nav-item {
  float: left;
  margin-right: 80px;
}

.content-nav .ui-nav-item a {
  /* font-family: '微软雅黑 Regular', '微软雅黑'; */
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    color: #000000;
    line-height: 37px;
}

.content-nav .ui-nav-item a:hover {
  color: #0099CC;
}

.content-nav .ui-nav-item-current {
  border-bottom: 3px solid #0099CC;
}

.content-nav .ui-nav-item-current a {
    color: #0099CC;
    font-weight: bold;
}
.fs14 {
  font-size:14px;
  padding-top:5px;
}
.fs16 {
  font-size:16px;
  padding-top:5px;
}
.fs18 {
  font-size:18px;
  padding-top:5px;
}
.fs20{
  font-size:20px;
  padding-top:5px;
}
.unit {
  color:#999999;
  font-size:14px;
}
.icon24{
  width:24px;
  height:24px;
  margin-bottom:5px;
}
.icon28{
  width:28px;
  height:28px;
  margin-bottom:6px;
}
.icon32{
  width:32px;
  height:32px;
}
.icon48{
  width:48px;
  height:48px;
}
.icon64{
  width:64px;
  height:64px;
}
.text{
  /* font-family: '微软雅黑 Bold', '微软雅黑'; */
    /*font-weight: 700;
    font-style: normal;*/
    /* font-size: 24px; */
}
.bluetext {
    color: #0099CC;
    font-size: 16px;
}
.redtext {
  color: #C0504D;
  font-size: 16px;
}
.margin-tb{
  margin-top:15px;
  margin-bottom: 15px;
}
.margin-tb30{
  margin-top:30px;
  margin-bottom: 30px;
}
.margin-lr {
  margin-left:15px;
  margin-right: 15px;
}
.padding-tb {
  padding-top:15px;
  padding-bottom: 15px;
}
.padding-lr {
  padding-left:15px;
  padding-right: 15px;
}
.margin-t10{
  margin-bottom:10px;
}
.contentDivStyle{
  min-width: 1170px !important;
    min-height: 290px !important;
    padding-top: 10px;
    border-bottom: 1px dashed #ddd;
    position: relative;
    overflow: auto;
  }
  .contentDivStyle-sm{
    min-width: 850px !important;
    min-height: 290px !important;
    padding-top: 10px;
    border-bottom: 1px dashed #ddd;
    position: relative;
    overflow: auto;
  }
  .contentDivStyle:last-child,
  .contentDivStyle-sm:last-child
  {
    border-bottom:0 !important;
  }
.contentDiv-header{
  line-height:34px;
 }
.chartHeight {
    height:230px;
    /* margin-top: 15px; */
  }
 .chartHeight-lg {
   height: 300px;
  }
  .navbar {
    margin-bottom:0 !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .175);
        -moz-box-shadow:0 2px 12px rgba(0, 0, 0, .175);
           -webkit-box-shadow:0 2px 12px rgba(0, 0, 0, .175);
    height:65px;
    padding-top:10px;
    border: 3px solid transparent !important;
}
.navbar-default .navbar-nav > li > a{
	color:#333;
  border-left:1px solid transparent;
  border-right:1px solid transparent;
}
.navbar-default .navbar-nav > li > a:hover{
  color:#008db9;

}
.navbar-nav > li{
  float:left;
}
.navbar-default{
  background-color:#FFF !important;
  border-color:transparent !important;
  border-radius: 0 !important;
  min-width: 1170px !important;
}
.navbar-nav{
	/*padding-top: 5px;*/
}
.navbar-right {
    float: right !important;
    margin-right: -15px;
}
.current-menu{
	border-bottom: 2px solid #008db9;
}
.current-menu>a{
		color:#333 !important;
  font-weight: 600;
}
.dropdown-menu{
  margin-top: -1px !important;
	/*border:0 !important;*/
}
.open>a{
  /*color:#008db9 !important;*/
  border-color:#ccc !important;
	background-color: #fff !important;
  border-top: 1px solid rgba(0, 0, 0, .15);
  border-left: 1px solid rgba(0, 0, 0, .15);
  border-right: 1px solid rgba(0, 0, 0, .15);
  z-index: 1001;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
/*.dropdown-menu>li>a{
	color:#008db9 !important;
}*/

.sharow {
  box-shadow: 0 2px 12px rgba(0, 0, 0, .175);
        -moz-box-shadow:0 2px 12px rgba(0, 0, 0, .175);
           -webkit-box-shadow:0 2px 12px rgba(0, 0, 0, .175);
}
.short-up{
	color: #f59c00;
}
.short-down{
	color: #00a757;
}
.disabled{
	color:#F1F1F1;
}

.visits_name{
	padding: 3px 7px;
	border-radius: 15px;
	color: #fff !important;
	white-space: nowrap;
}
.normal {
	background-color: #58AB6D;
}
.abnormal {
	background-color: #c0504d;
}
.offline {
	background-color: #ddd;
}
.switch{
  width: 50px;
  height: 25px;
  margin-left: 5px;
  border-radius: 50px;
}
.switch.open{
  background: #1aad19;
}
.switch.close{
  background:#999;
}
.switch > .op{
  width: 25px;
  height: 25px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 50px;
}
.switch.open > .op{
  float: right;
}
.switch.close > .op{
  float: left;
}