.close-back{background: url(img/close_back.png) no-repeat; display: none; transition: all 0.5s; height: 70px; width: 85px; color: #fff; left: 65px; position: absolute; top: 300px; cursor: pointer;}
.close-back img{margin: 28px auto 0; width: 30px; display: block; transition: all 0.5s;}
.close-back:hover{left: 55px;}
.close-back:hover img{width: 22px; margin-top: 32px;}
.imgSize{height: 170px; width: 260px;}



.iShow {
  cursor               : pointer;
  position             : absolute;
  z-index              : 8888;
  top                  : -200px;
  right                : 40px;
  border               : 1px solid #007bff;
  background-color     : #007bff;
  color                : #fff;
  width                : 50px;
  height               : 50px;
  line-height          : 50px;
  text-align           : center;
  border-radius        : 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius   : 50%;
  -ms-border-radius    : 50%;
  -o-border-radius     : 50%;
}

.animated {
  -webkit-animation-duration : 2s;
  animation-duration         : 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode        : both;
}

.active {
  top: 20px;
}

@keyframes mymove {
  0% {
    top: 25%;
  }

  25% {
    top: 30%;
  }

  50% {
    top: 35%;
  }

  75% {
    top: 30%;
  }

  100% {
    top: 25%;
  }
}

@keyframes mymove1 {
  0% {
    top: 60px;
  }

  25% {
    top: 260px;
  }

  50% {
    top: 460px;
  }

  75% {
    top: 260px;
  }

  100% {
    top: 60px;
  }
}

.animation {
  animation                : mymove 8s infinite;
  animation-timing-function: linear;
  -webkit-animation        : mymove 8s infinite;
}

.animation1 {
  animation                : mymove1 8s infinite;
  animation-timing-function: linear !important;
  -webkit-animation        : mymove1 8s infinite;
}

.com-right {
  position: relative;
}

.com-right .content {
  position   : absolute;
  left       : 0;
  top        : 0;
  width      : 100%;
  padding    : 20px;
  height     : 100%;
  border-left: 1px solid #ddd;

}

.wrapper_map {
  width : 100%;
  height: 100%;
}

.com-box {
  /* display        : flex; */
  justify-content: space-between;
  align-items    : flex-start;
  height         : 100%;
}

.com-top{
	width:100%;
}
.com-center{
	width:100%;
	height:100%;
	display: flex;
}
.com-left {
  height: 100%;
  flex: 1;
}
.com-right{
/* 	width:200px; */
	height: 100%;
}
.map_kpi_cover{
	border: 1px solid #ddd;
    border-radius: 3px;
    margin-top: 20px;
    text-align: center;
    padding: 10px;
    margin-right: 20px;
}
.map_kpi_title{
	color: #a8b9d3;
}
.map_kpi_value{
	color: #f9a92c;
	font-size: 26px;
}
.address {
  box-sizing: border-box;
  padding   : 20px;
  display:none;
}

.address span {
  margin          : 0;
  padding         : 10px;
  background-color: #007bff;
  color           : #fff;
  border-radius   : 5px;
  margin-right    : 5px;
  cursor          : pointer;
}

.address .isActive {
  background-color: #007bff;
  color           : #fff;
}

.address .noActive {
  color           : #fff;
  background-color: #5a6268;
}

.ul-box {
  position  : absolute;
  left      : 0;
  top       : 75px;
  list-style: none;
  width     : 100%;
  height    : 400px;
  overflow  : auto;
}

.ul-box li:first-child {
  border-top   : 1px solid #80bdff;
  border-radius: 5px 5px 0 0;
}

.ul-box li:last-child {
  border-radius: 5px;
  border-radius: 0 0 5px 5px;
}

.ul-box li:hover {
  color           : #fff;
  background-color: #80bdff;
}

.ul-box li {
  cursor          : pointer;
  width           : 100%;
  height          : 38px;
  line-height     : 38px;
  box-sizing      : border-box;
  border          : 1px solid #80bdff;
  border-top      : 0;
  padding         : 0 12px;
  color           : #495057;
  background-color: #fff;
  outline         : 0;
}

.form-control:focus {
  color           : #495057;
  background-color: #fff;
  border-color    : #80bdff;
  outline         : 0;
  box-shadow      : none;
}

.form-group {
  width     : calc(100% - 40px);
  box-sizing: border-box;
  position  : absolute;
  left      : 20px;
  top       : 60px;
}
.com-top-content {
    display: flex;
}

.com-top-right {
    flex: 1;
}

.com-top-left {
    height: 100%;
    width: 30%;
}

.com-top-left-title {line-height: 40px;text-align: center;font-size: 16px;}

.com-top-left-value {
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 26px;
}

.com-top-right-title {
    line-height: 40px;
    text-align: right;
    font-size: 20px;
    padding-right: 10%;
}

.com-top-right-value {
    line-height: 40px;
    text-align: right;
    font-size: 35px;
    padding-right: 10%;
    color: #fff;
}
.val_str_ol{
	display: inline-block;
	width: 39px;
	text-align: center;
	margin-left: 10px;
	height: 50px;
	line-height: 50px;
}


/* 样式3开始 */
.contain_cstyle2_332075_00011 {
    display: flex;
    padding: 10px 15px;
    height: 100%;
}

.items_cstyle2_332075_00011 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.charts_cstyle2_332075_00011 {
    display: flex;
    flex-grow: 1;
}
.items_content_cstyle2_332075_00011 {
    display: flex;
    flex-direction: column;
}

.items_title_cstyle2_332075_00011 {
    margin-bottom: 10px;
    color: #fff;
}

.item_cstyle2_332075_00011 {
    min-width: 84px;
    text-align: center;
}

.items_line_cstyle2_332075_00011 {
    display: flex;
    margin-bottom: 6px;
}
.item_text_cstyle2_332075_00011 {
    color: #fff;
    cursor: pointer;
}

.item_text_active_cstyle2_332075_00011 {
    color: inherit;
}
.vis_chart_column {
    height: 0;
    flex-grow: 1;
}
/* 样式3结束 */
/* 样式4开始 */
.contains_cstyle3_332075_00011{ 
	width: 100%;
	height: 100%; 
}
.contain_cstyle3_332075_00011{
	width: 100%;
	height: 100%; 
}
/* 样式4结束 */