ittwxcust/pages/reportDetail/reportDetail.wxss

/* pages/reportDetail/reportDetail.wxss */
.detail {
  width: 100%;
  height: 100%;
}
.left-nav {
  width: 220rpx;
  height: 100%;
  overflow-y: scroll;
}
.right-value {
  width: 530rpx;
  height: 100%;
}
.scroll-view-item {
  width: 100%;
  min-height: 100rpx;
}
.left-nav-item {
  width: 100%;
  height: 122rpx;
  background-color: #f7f7f7;
  border-bottom: 1rpx solid #dddddd;
  box-sizing: border-box;
  font-size: 30rpx;
  font-family: PingFang SC;
  font-weight: 400;
  color: #999999;
}
.left-nav-item-active {
  background-color: #fff;
  border: 0;
  color: var(--maincolor);
}
.noborder {
  border: 0;
}
.no-data {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.summary-title {
  font-size: 26rpx;
  color: #333;
  font-weight: bold;
  text-indent: 30rpx;
  padding-top: 20rpx;
}
.summary-tips {
  font-size: 26rpx;
  color: #666;
  text-indent: 30rpx;
  padding: 30rpx;
}
.no-padding {
  padding-top: 0;
  padding-bottom: 0;
}
.appraise-title {
  font-size: 30rpx;
  font-weight: bold;
  color: #333333;
  text-align: center;
  line-height: 86rpx;
}
.b-item {
  width: 100%;
  height: 88rpx;
  border: 1rpx solid #ddd;
  border-bottom: 0;
  box-sizing: border-box;
  padding: 0 30rpx;
  font-size: 26rpx;
}
.light-text {
  color: #999;
}
.deep-text {
  color: #333;
}
.sub-menu-item {
  height: 60rpx;
  background-color: rgba(69, 166, 181, 0.2);
  font-size: 26rpx;
  color: #333333;
  text-align: center;
  line-height: 60rpx;
}
.suppose-item {
  text-align: left;
  font-weight: 400;
  color: #333;
}
.standard {
  padding: 30rpx;
  border: 1rpx solid #ddd;
  box-sizing: border-box;
}
.standard-item {
  margin-bottom: 20rpx;
}
.index-text {
  font-size: 26rpx;
  font-weight: 400;
  color: #333333;
  display: inline-block;
}
.flagitem {
  width: 27rpx;
  height: 40rpx;
  border: 1rpx solid #ddd;
  display: inline-block;
}
.flagitemrightnone {
  border-right: 0;
}
.red-flagitem {
  background-color: #9A1D16;
}
.annotation {
  font-size: 22rpx;
  font-weight: 400;
  color: #999999;
}
.sub-title {
  font-size: 26rpx;
  font-weight: 400;
  color: #333333;
  text-indent: 30rpx;
  padding: 30rpx;
}
.psic-title {
  height: 60rpx;
  background-color: rgba(69, 166, 181, 0.2);
  font-size: 26rpx;
  color: #333333;
  text-align: center;
  line-height: 60rpx;
}
.sum-title {
  font-size: 26rpx;
  font-weight: 400;
  color: #333333;
  text-indent: 30rpx;
  padding: 30rpx;
}
.psic-item {
  height: 92rpx;
  border: 1rpx solid #DDDDDD;
  box-sizing: border-box;
  font-size: 26rpx;
}

.sys-e-name {
  width: calc(100% - 168rpx);
  height: 100%;
  padding-left: 20rpx;
  border-right: 1rpx solid #ddd;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.index-value {
  width: 168rpx;
  height: 100%;
  text-align: center;
  line-height: 90rpx;
}
.text-item {
  font-size: 26rpx;
  font-weight: 400;
  padding: 10rpx 30rpx;
  border: 1rpx solid #ddd;
  box-sizing: border-box;
  border-top: 0;
  margin-bottom: 20rpx;
}
.s-title {
  width: 100%;
  height: 122rpx;
  color: #333333;
  text-indent: 30rpx;
}
.s-item {
  margin-top: 40rpx;
}
.s-item-nomargin {
  margin: 0;
}
.s-item-title {
  font-size: 26rpx;
  color: #333;
  padding: 0 30rpx;
}
.s-item-value {
  font-size: 26rpx;
  margin-top: 10rpx;
  color: #666;
  line-height: 36rpx;
  padding: 0 30rpx;
}
.system {
  width: 100%;
  height: 100%;
  overflow-y: auto;

}
.sys-item {
  width: 100%;
  min-height: 60rpx;
}
.sys-header {
  width: 100%;
  height: 60rpx;
  font-size: 26rpx;
  font-weight: 400;
  color: #333333;
  background-color: rgba(69,166,181,.2);
}
.sys-content-item {
  width: 100%;
  height: 88rpx;
  border-left: 1rpx solid #DDDDDD;
  box-sizing: border-box;
  border-top: 0;
}
.sts-lanel {
  width: 350rpx;
  font-size: 26rpx;
  font-weight: 400;
  padding-left: 20rpx;
  color: #333333;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1rpx solid #ddd;
  box-sizing: border-box;
}
.level {
  width: 60rpx;
  height: 88rpx;
  border-bottom: 1rpx solid #ddd;
  box-sizing: border-box;
}
.level-a {
  border-left: 1rpx solid #ddd;
  border-right: 1rpx solid #ddd;
}
.level-b {
  border-right: 1rpx solid #ddd;
}
.level-c {
  border-right: 1rpx solid #ddd;
}
.red {
  background-color:#9A1D16;
}