@charset "UTF-8";
@charset "UTF-8";
html,
body,
#main {
  width: 100%;
}

.temperature-chart {
  margin: 0 auto;
  height: 100%;
}

.temperature-chart {
  width: 100%;
  height: 100%;

  /* 打印样式调整 */

}

.temperature-chart table {
  border-collapse: collapse;
  table-layout: fixed;
}

.temperature-chart th,
.temperature-chart td {
  border: 1px solid #bfbfbf;
  position: relative;
}

.temperature-chart .tempCartSvg {
  position: relative;
  height: 100%;
}

.temperature-chart .fixed_div {
  position: relative;
  top: 0;
  left: 0;
  z-index: 100;
  overflow: hidden;
}

.temperature-chart table.patInfo {
  width: 100%;
  font-size: 11px;

  margin-bottom: 20px;
}

.temperature-chart table.showInfo {
  width: 100%;
  font-size: 11px;
}

.temperature-chart table.patInfo td {
  border: none;
}

.temperature-chart table.patInfo tr:nth-of-type(3) td,
.temperature-chart table.patInfo tr:nth-of-type(4) td {
  height: 14px;
  line-height: 14px;
}

.temperature-chart table.patInfo tr:nth-of-type(4) td {
  /*border-bottom: 1px solid #bfbfbf;*/
}

.temperature-chart table.patInfo td h1 {
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  margin-top: 5px;
  letter-spacing: 2px;
}

.temperature-chart table.patInfo td h3 {
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 6px;
}

.temperature-chart .btitle {
  float: left;
  text-indent: 8px;
}

.temperature-chart tr.percent4 td {
  width: 25%;
}

.temperature-chart .showInfo {
  width: 100%;
}

.temperature-chart .showInfo tr td {
  text-align: center;
  font-size: 11px;
  height: 14px;
  line-height: 14px;
}

.temperature-chart .showInfo tr:nth-of-type(4) td {
  font-size: 11px;
}

.temperature-chart .showInfo tr {
  height: 12px;
}

.temperature-chart .showInfo tr:nth-of-type(1) td {
  border-top: 1px solid #888888;
}

.temperature-chart .showInfo tr td:nth-of-type(1) {
  border-left: none;
  text-align: justify;
  text-align-last: justify;
  padding: 0 8px;
}

.temperature-chart .showInfo tr td:last-of-type {
  
}

.temperature-chart .flow_div {
  position: relative;
  left: 0;
  width: 100%;
  overflow-x: hidden;
  border: 1px solid #888888;
  border-top: none;
  border-bottom: none;
}

.temperature-chart .flow_div::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.temperature-chart table.tableSvg {
  width: 100%;
}

.temperature-chart table.tableSvg tr td {
  font-size: 11px;
}

.temperature-chart table.tableSvg tr td:nth-of-type(1) {
  font-size: 11px;
  text-align: center;
  border-left: none;
}

.temperature-chart table.tableSvg tr:nth-of-type(1) td:nth-of-type(1),
.temperature-chart table.tableSvg tr:nth-of-type(1) td:last-of-type {
  /*border-bottom: 1px solid #888888;*/
}

.temperature-chart table.tableSvg tr:last-of-type td {
  /*border-bottom: none;*/
}

.temperature-chart table.tableSvg tr td:last-of-type {
  border-top: none;
}

.temperature-chart table tr td.every:last-of-type {
    border:none;
}

.temperature-chart table tr td.hx:last-of-type {
    border:none;
}

.temperature-chart table.tableSvg tr:nth-of-type(1) td:last-of-type {
  border:none;
  border-bottom: none;
}

.temperature-chart table.tableSvg td {
  text-align: center;
}

.temperature-chart .scale {
  width: 100%;
  display: block;
  transform: scale(0.8);
}

.temperature-chart table tr.height {
  height: 15px;
}

.temperature-chart table tr.height td.hx {
  height: 34px;
}

.temperature-chart table tr.height:nth-of-type(1) td {
  border-top: none;
}

.temperature-chart tr.height td {
  border: 1px solid #bfbfbf;
}

.temperature-chart tr td.borderR,
.temperature-chart tr.height td.borderR {
  border-right: 1px solid red;
}

.temperature-chart tr.height.borderT td,
.temperature-chart tr.borderT td {
  border-top: 1px solid red;
}

.temperature-chart tr.height.borderB td,
.temperature-chart tr.borderB td,
.temperature-chart tr.height td.borderB {
  border-bottom: 1px solid #888888;
}

.temperature-chart .svgCenter {
  position: absolute;
  width: 100%;
  /*height:100%;*/

  z-index: 100;
}

.temperature-chart #svgCenter {
  position: absolute;
  top: 0;
  left: 104px;
  width: calc(100% - 166px);
  height: 100%;
}

.temperature-chart #titleTr tr:nth-of-type(2) td {
  padding-bottom: 3px;
}

.temperature-chart .svgLeft,
.temperature-chart .svgRight,
.temperature-chart #svgLeft,
.temperature-chart #svgRight {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.temperature-chart #svgTitle {
  background: #FFF;
  border: 1px solid #bfbfbf;
  padding: 1px 6px;
  color: #3C3C3C;
  font-weight: 500;
  font-size: 12px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  position: absolute;
  z-index: 1000;
  display: none;
}

.temperature-chart [line] {
  cursor: pointer;
}

.temperature-chart .container.print table tr.height {
  height: 15px;
}

.temperature-chart .container.print .footBtn {
  display: none;
}

.temperature-chart .container.print .scale {
  transform: scale(1);
}

.temperature-chart .container.print .patInfo td {
  height: 17px;
  line-height: 17px;
  font-size: 11px;
}

.temperature-chart .container.print .showInfo td {
  height: 15px;
  line-height: 15px;
  font-size: 11px;
}

.temperature-chart .container.alone.print tr.every td {
  line-height: 15px;
  font-size: 11px;
}

.temperature-chart .container.alone.print .tableSvg tr.addClone {
  height: 15px;
}

.temperature-chart .container.print .flow_div {
  max-height: inherit;
}

.temperature-chart text {
  font-size: 11px;
}

.temperature-chart .container.print text {
  font-size: 11px;
}

.temperature-chart circle,
.temperature-chart rect,
.temperature-chart line {
  cursor: pointer;
}