sagacloud-sagacare-miniprogram/pages/detail/index.wxss

.header-title {
  justify-content: space-between;
  padding: 0 32rpx;
  width: 100%;
}
.header-title .goback {
  width: 30px;
}
.header-title .righttext {
  width: 30px;
}
.header-title .titlename {
  font-size: 17px;
}
.nodate {
  height: 360rpx;
  color: var(--nodateColor);
  font-size: 13px;
}
.chartlenged {
  margin: 32rpx 32rpx 0;
  justify-content: flex-end;
}
.chartlenged > view {
  margin-left: 24rpx;
  font-size: 26rpx;
  color: #8D9399;
  line-height: 14px;
}
.chartlenged > view image {
  width: 13px;
  height: 5px;
  margin-right: 8rpx;
}
.chartlenged > view > view {
  width: 20rpx;
  height: 20rpx;
  margin-right: 8rpx;
  background: #B2E6F2;
}
.chartlenged > view .circle {
  background: #04B49C;
  border-radius: 50%;
}
.chartlenged .tips {
  width: 40rpx;
  height: 40rpx;
  border-radius: 50%;
  background: #EAFAF8;
  color: #04B49C;
}
.chart_contant {
  height: 360rpx;
  width: 100%;
}
.param_mian {
  margin: 32rpx 32rpx 0;
}
.param_mian .param_txt {
  font-size: 15px;
  color: #2B3036;
}
.param_mian .param_list {
  margin-top: 36rpx;
}
.param_mian .param_list .param_line {
  width: 12rpx;
  height: 100%;
  margin-right: 28rpx;
  position: relative;
  background: linear-gradient(180deg, #34C724 0%, #B3D600 25%, #FFC60A 50%, #F54E45 75%, #F01D94 100%);
  border-radius: 4px;
}
.param_mian .param_list .param_line .pointer {
  position: absolute;
  top: 0;
  left: -30rpx;
  transition: all 0.3s ease;
}
.param_mian .param_list .param_line .pointer image {
  width: 68rpx;
  height: 24rpx;
}
.param_mian .param_list .temperature_line {
  background: linear-gradient(180deg, #1054f4 0%, #34C724 50%, #FFC60A 65%, #F01D94 100%);
}
.param_mian .param_list .humidity_line {
  background: linear-gradient(180deg, #F01D94 0%, #FFC60A 20%, #34C724 60%, #1054f4 100%);
}
.param_mian .param_list .co2_line {
  background: linear-gradient(180deg, #34C724 43%, #FFC60A 80%, #F01D94 100%);
}
.param_mian .param_list .hcho_line {
  background: linear-gradient(180deg, #34C724 43%, #FFC60A 80%, #F01D94 100%);
}
.param_mian .param_list .param_table {
  width: 624rpx;
}
.param_mian .param_list .param_table > view {
  display: flex;
  font-size: 13px;
}
.param_mian .param_list .param_table > view .header_title_one {
  width: 40%;
  padding-left: 10rpx;
  border-bottom: 1px solid transparent;
}
.param_mian .param_list .param_table > view .header_title_one_active {
  border-bottom: 1px solid #EFF0F1;
}
.param_mian .param_list .param_table > view .header_title_two {
  width: 60%;
  border-bottom: 1px solid #EFF0F1;
}
.param_mian .param_list .param_table .table_header {
  height: 64rpx;
  line-height: 64rpx;
  font-weight: 500;
  color: #2B3036;
  background: #F8F9FA;
}
.param_mian .param_list .param_table .table_body {
  height: 74rpx;
  line-height: 74rpx;
  color: #2B3036;
}