//蓝版统一样式
/*
底片
*/
.navbar {
  background:url('../layout/img/pageBg.png');
}
.elmenu {
  background: url('../layout/img/pageBg.png');
  border: 1px solid #ffffff;
  height: 100%;
}
.app-main {
  background:url('../layout/img/pageBg.png');
}
/*左上折叠图标*/
.hamburger {
  display: inline-block;
  vertical-align: middle;
  background: #4c4040;
  width: 20px;
  height: 20px;
}

.hamburger.is-active {
  background: #4c4040;
  transform: rotate(180deg);
}
/*页面*/
.chart-container{
  position:relative;
  width:100%;
  height:calc(100vh - 50px);
}
.timeText{
  opacity:0.69;
  padding-right:7px;
  font-size:14px;
}

.startTime{
  display:inline-block;
}

.endTime{
  display:inline-block;
  padding-left:42px;
}

//时间
.filter{
  width: 100%;
  height: 10%;
  background-color: transparent;
  position:relative;
  display:flex;
  padding:20px 0 10px 15px;
  font-size:12px;
  line-height:11px;
  color:white;
  .el-input__inner{
    background:transparent;
    border:none;
    color:white;
  }
  .timeQuery{
    background:transparent;
  }
  .el-button,.el-button:hover{
    background:transparent;
    color:white;
  }
}

.content{
  width: 100%;
  background-color: transparent;
  height: 90%;
  padding-left: 5px;
  padding-right: 5px;
  .el-tabs__item{
    color: white;
  }
  .el-tabs__item.is-active {
    color: #409EFF;
  }
  .vxe-button.type--button.is--circle{
    padding: 0 .5em;
    min-width: 34px;
    border-radius: 10%;
    border: none;
    background: transparent;
    color: white;
  }
}

.tableContent{
  width: 100%;
  height:calc(80vh - 50px);
  td{
    border:1px solid #ffffff;
  }
  .vxe-button.type--button.is--circle {
    padding: 0 .5em;
    min-width: 34px;
    border-radius: 10%;
    border: none;
    background: transparent;
    color: white;
  }
}

.rtPageturning{
  width: 100%;
  height: 10%;
  button,span,input,.vxe-pager--btn-wrapper li{
    background-color: transparent !important;
    color: #ffffff !important;
    border: 1px solid #ffffff;
  }
  span{
    border:none
  }
  .vxe-pager--wrapper .vxe-pager--btn-wrapper li:not(.disabled).is--active {
      background-color: #9f9fa0 !important;
  }
}
.toolbar{
  position:absolute;right:0px;
  .vxe-button.type--button.is--circle {
    padding: 0 .5em;
    min-width: 34px;
    border-radius: 10%;
    border: none;
    background: transparent;
    color: white;
  }
}
//气象站/测风塔
.flex-container{
  height: 90%;
  width: 100%;
  overflow: hidden;
  margin-top: 30px;
  margin-right:  50px;
}
.active{
  height:90%;
  width: 77%;
}
//气象站/测风塔 切换背景
.item,.windTowerItem{
  width: 68%;
  height: 90%;
  position:absolute;
  transition:all 0.8s;
  background:rgba(32, 32, 35, 0.5)
}
.reportTime{
  border:1px solid #ffffff;
  color: white;
  width: 100%;
  text-align: center;
}
/*轮播图*/
.el-carousel__item h3 {
  color: #475669;
  font-size: 18px;
  opacity: 0.75;
  line-height: 300px;
  margin: 0;
}
.el-carousel__item:nth-child(2n) {
  background-color: #000000;
}

.el-carousel__item:nth-child(2n+1) {
  background-color: #000000;
}

.qrCodeText{
  width:25%;
  text-align: center;
  font-family: 'Arial';
  font-size:20px;
  font-weight:bold;
  color:#ffffff
}
.downloadButton{
  background:transparent;
}
.vxe-icon--download{
  color: white
}
