.data-index[data-v-24a13f2d]{
  /* margin:20px 10%; */
  padding:30px 0;
  background-color: #fff;
}
.on-off[data-v-24a13f2d]{
  padding:0 10%;
}
.big-title[data-v-24a13f2d]{
  color:#3B3E4C;
  font-size:24px;
  font-weight:bold;
  text-align: center;
}
.big-title.map span[data-v-24a13f2d]{
  font-size:20px;
  padding-bottom:10px;
  /* border-bottom:1px solid #0099FF; */
  cursor: pointer;
}
.title[data-v-24a13f2d]{
  color:#626472;
  font-size:18px;
  font-weight:bold;
  padding:40px 0 10px;
}
.title img[data-v-24a13f2d]{
  width:18px;
  vertical-align: middle;
  margin-left:4px;
}
.item img[data-v-24a13f2d]{
  width:12px;
}
.items[data-v-24a13f2d]{
  width:20%;
  padding:10px;
}
.item[data-v-24a13f2d]{
  color:#34D045;
  text-align: center;
  width:70px;
  height:26px;
  line-height:26px;
  background-color: #F3FFF3;
  border:1px solid #F3FFF3;
  border-radius: 4px;
  box-shadow:-2px 2px 5px #ddd;
  -moz-box-shadow:-2px 2px 5px #ddd;
  -webkit-box-shadow:-2px 2px 5px #ddd;
}
.item img[data-v-24a13f2d]{
  margin:0 2px;
}
.title span[data-v-24a13f2d]{
  font-size:12px;
  font-weight:normal;
  padding-left:10px;
}
.off-item[data-v-24a13f2d]{
  color:#B0BACB;
  background-color: #F4F5F8;
  border:1px solid #F4F5F8;
}
.off-line-label[data-v-24a13f2d]{
  position:absolute;
  bottom:20%;
  right:50%;
  color:#424352
}
.off-line-label.system-off[data-v-24a13f2d]{
  bottom:35%;
}
.off-line-label.system-off[data-v-24a13f2d]:after{
  position:absolute;
  content:'';
  bottom:-150%;
  right:0;
  width:20px;
  height:15px;
  border-radius: 3px;
  background: #A7B7CE;
}