*{
  font-family: SourceHanSansSC-regular;
  margin: 0;
  padding: 0;
  color:#00C9FF;
  font-size: 12px;
  /* z-index:1; */
}
body{
  background: radial-gradient(#126C88, #080D56);
  margin: 0;
}
::-webkit-scrollbar {
  width: 2px;
  height: 5px;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(2, 138, 180, 0.3);
}
ul{
  padding-left: 9px;
  padding-right: 9px;
  padding: 0px;
  margin: 0px;
}
ul li{
  list-style:none;
  display: inline-block;
  vertical-align: top;
}
a{
  text-decoration-line: none
}
span{
  font-size: 12px;
  margin-left: 10px;
}
#task{
  color:#00C9FF;
  background:transparent;
  width: 80px;
  height: 30px;
  border-radius: 0;
  padding-left: 8px;
  padding-top: 6px;
  text-align: center;
}
.iframe-div{
  width:100%;height:100%;position: absolute;z-index:-1;
}
.home-background{
  width: 1910px;height: 1045px;
  background: url(../img/bg01.png);
  margin: 25px 5px 10px 5px;
  z-index: 2;
  position: absolute;
  pointer-events: none;
  background-repeat:no-repeat;
  background-size: cover;
}
.home-header-border{
  width: 100%;
  height: 63px;
  display: flex;
}
.fleft-border{
  width: 400px;
  height: 950px;
  float: left;
  margin-left: 30px;
  margin-top:31px;
}
.logo-border{
  width: 400.5px;
  height: 70px;
  margin-left: 30px;
}
.link-border{
  width: 360px;
  height: 70px;
  margin-right: 30px;
  display: flex;
}
.link-detail-border{
  width: 95px;
  height: 30px;
  border-bottom: 1px solid rgba(2, 138, 180, 0.5);
  background-color: rgba(2, 138, 180, 0.3);
  margin-top: 10px;
  margin-left: 12.5px;
  margin-right: 12.5px;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
}
.link-task-border{
  width: 95px;
  height: 30px;
  border-bottom: 1px solid rgba(2, 138, 180, 0.5);
  background-color: rgba(2, 138, 180, 0.3);
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 12.5px;
  padding-right: 12.5px;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
}
.title{
  color: rgba(255, 255, 255, 1);
  width: 414px;
  height: 48px;
  font-size: 36px;
  font-family: SourceHanSansSC-bold;
  font-weight: 700;
  margin: auto;
  margin-top: 15px;
  letter-spacing: 10px;
}
.task-border{
  width: 400px;
  height: 614px;
  background-color:rgba(2, 138, 180, 0.3);
}
.task-list{
  font-size: 12px;
  margin-top: 27px;
  margin-right: 15px;
  color:rgba(2, 138, 180, 0.3);
  float: right;
}
#task-list-border{
  width: 930px;
  height: 614px;
  background-color:rgba(0, 102, 150, 0.8);
  margin-top:30px;
  margin-left: 10px;
  float: left;
}
.daily-task-border,
.week-task-border,
.e-mon-border,
.e-lib-border,
.task-list-title-border{
  width: 100%;
  height:50px;
  /* border:1px solid grey; */
}
.task-list-detail-border{
  width: 900px;
  height: 86%;
  margin: auto;
  margin-top: 10px;
  background: rgba(2, 138, 180, 0);
  /* border:1px solid rebeccapurple */
}
.refresh-border{
  width: 95px;
  height: 30px;
  margin-left: 15px;
  margin-top: 18px;
  float: left;
  background:rgba(2, 138, 180, 0.3);
  text-align: center;
  line-height: 30px;
  cursor: pointer;
}
.all-task-border{
  width: 95px;
  height: 30px;
  margin-right: 15px;
  margin-top: 18px;
  float: right;
  background:rgba(2, 138, 180, 0.3);
  text-align: center;
  line-height: 30px;
  cursor: pointer;
}
.add-task-border{
  width: 95px;
  height: 30px;
  margin-right: 15px;
  margin-top: 18px;
  float: right;
  background:rgba(2, 138, 180, 0.3);
  text-align: center;
  line-height: 30px;
  cursor: pointer;
  /* border:1px solid red */
}
.title-border{
  width: 42%;
  height: 100%;
  float: left;
  /* border:1px solid red; */
}
.title-01{
  margin-left: 15px;
  margin-top: 15px;
  font-size:14px;
  color:#ffffff;
}
.title-02{
  margin-left: 15px;
  font-size:9px;
  color:rgba(2, 138, 180, 1);
}
.e-lab-border{
  width: 400px;
  height: 321px;
  margin-top: 15px;
  background-color:rgba(2, 138, 180, 0.3);
  color:#ffffff;
}
.interval-border{
  width: 100%;
  padding-top: 10px;
  /* border: 1px solid yellowgreen; */
}
.show-border{
  width: 100%;
  height: 32.57%;
  /* border: 1px solid rebeccapurple; */
  margin: auto;
  display: flex;
}
.show-time-border{
  width: 50%;
  height: 100%;
}
.show-task-border{
  width: 50%;
  height: 150px;
  margin-top: 28px;
  /* border:1px solid red; */
}
.task-detail-border{
  width: 100%;
  height: 33%;
  /* border:1px solid green; */
}
.task-detail{
  float: left;
  font-size: 12px;
  color:#00C9FF;
  /* border: 1px solid red; */
  margin-top: 20px;
  margin-left: 20px;
}

#task-detail-01_id{
  margin-top: 6px;
}
#task-detail-02_id{
  margin-top: 17px;
}
#task-detail-03_id{
  margin-top: 28px;
}
#task-number-01_id{
  margin-top: -9px;
}
#task-number-02_id{
  margin-top: 0px;
}
#task-number-03_id{
  margin-top: 13px;
}
.task-number{
  float: right;
  margin: auto;
  color:#00C9FF;
  font-size: 28px;
  margin-top: 5px;
  margin-right: 15px;
  /* border:1px solid red */
}
.date-border{
  color:#00C9FF;
  text-align: center;
  font-size:14px;
}
.task-show-border{
  width: 48%;
  height: 100%;
  display: inline-block;
  /* border:1px solid green; */
}
.trend-border{
  width: 400px;
  height: 41.53%;
  /* margin: auto; */
  margin-top: 10px;
  z-index: -1;
  position: absolute;
  /* border: 1px solid red; */
}
.choose-border{
  width: 200px;
  height: 30px;
  /* padding-top: 10px; */
  margin-top: 18px;
  /* margin-right: 30px; */
  margin-right: 15px;
  float: right;
  z-index: -1;
  /* position: absolute; */
  /* border:1px solid red; */
}
.th-border{
  width: 400px;
  height: 220px;
  margin: auto;
  margin-top: 10px;
  /* border:1px solid red; */
  display: flex;
  z-index: -1;
  position: absolute;
}
.th-left,
.th-right{
  width: 50%;
  height: 100%;
  /* border:1px solid green; */
}
.t-border{
  width: 100%;
  height: 80%;
}
.h-border{
  width: 100%;
  height: 80%;
}
.chart02-title,
.chart03-title{
  width: 100%;
  height: 20%;
  /* margin-top: 20px; */
  font-size: 12px;
  text-align: center;
  /* border:1px solid red */

}
.button-list-border{
  width: 95px;
  height: 50px;
  margin-left: 10px;
  margin-top: 928px;
  /* border:1px solid red; */
  float: left;
  /* position: absolute; */
}
.button-border{
  width: 100%;
  height: 30px;
  margin-top: 20px;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
}
.button01{
  width: 95px;
  height: 30px;
  /* margin: auto; */
  padding-left: 1px;
  padding-top: 8px;
  border-radius: 0px;
  border-bottom:1px solid #00C9FF
}
.button02{
  width: 95px;
  height: 30px;
  margin-top: 20px;
  font-size: 12px;
  margin: auto;
  padding-left: 12px;
  padding-top: 8px;
  border-radius: 0px;
  border-bottom:1px solid #00C9FF
}
.button03{
  width: 95px;
  height: 30px;
  margin-top: 20px;
  font-size: 12px;
  margin: auto;
  padding-left: 12px;
  padding-top: 8px;
  border-radius: 0px;
  border-bottom:1px solid #00C9FF
}
.button04{
  width: 95px;
  height: 30px;
  margin-top: 20px;
  margin: auto;
  padding-left: 8px;
  padding-top: 8px;
  border-radius: 0px;
  border-bottom:1px solid #00C9FF
}
.e-sea-border{
  width: 400px;
  height: 950px;
  float: right;
  margin-right: 30px;
  margin-top: 31px;
  background-color:rgba(2, 138, 180, 0.3);
  /* border:1px solid yellow */
}
.res-border{
  width: 95px;
  height: 50px;
  float: right;
  margin-top: 31px;
  margin-right: 15px;
  /* border:1px solid yellow */
}
.equ-list-border{
  width: 400px;
  height: 880px;
  margin: auto;
  /* border:1px solid red */
  overflow-y:auto; 
  z-index: -1;
  /*position: absolute;*/
}
.equ-border{
  width: 113px;
  height: 200px;
  margin-left: 8px;
  margin-right: 9px;
  margin-top: 16px;
  margin-bottom: 16px;
  border:1px solid rgba(2, 138, 180, 0.0)
}
.equ-img{
  width: 113px;
  height: 113px;
  border:1px solid rgba(2, 138, 180, 0.3)
}
.equ-number{
  width: auto;
  margin-top: 125px;
}
.equ-model{
  width: auto;
  margin-top: 5px;
}
.equ-int{
  width: 100%;
  /* height: 36px; */
  margin-top: 5px;
  /* text-align: center; */
  border:0px solid yellowgreen;
}
.reset-border{
  width: 95px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  background: rgba(2, 138, 180, 0.3);
  cursor: pointer;
  border-bottom:1px solid rgba(2, 138, 180, 0.5)
}
.el-select .el-input__inner {
  height: 30px;
  width: 200px;
}
.el-input{
  font-size: 14px;
}
.el-input__icon{
  line-height: 30px;
}
.el-input .el-input__inner{
  height: 30px;
  width: 200px;
  font-size: 14px;
}
.el-popover{
  background-color: rgba(2, 138, 180, 0.8);
  border:none;
}
.el-popper[x-placement^=left] .popper__arrow,
.el-popper[x-placement^=left] .popper__arrow::after{
  border-left-color: rgba(2, 138, 180, 0.8)
}
.el-table__empty-text{
  color:#00C9FF
}
.defaultStyle{
  background-color: rgba(2, 138, 180, 0.3);
  border-bottom:1px solid rgba(2, 138, 180, 0.5);
  color: #00C9FF
}
.clickedStyle{
  background-color: #00C9FF;
  border-bottom:1px solid #00C9FF;
  color: #ffffFF
}
.el-table::before {
  height: 0px;
}

.statusA{
  background-color: green;
}
.statusB{
  background-color: yellow;
}
.statusC{
  background-color:red;
}
.fa-circle{
  width: 4px;
  height: 4px;
  border-radius: 50%;
}

/* input::-webkit-input-placeholder{
  font-size: 24px;
}

input::-moz-placeholder{
  font-size: 24px;
}
input:-moz-placeholder{
  font-size: 24px;
}
input:-ms-input-placeholder{
  font-size: 24px;
} */