@arrow_bg: #002bb0;  // 高亮色
/* 最大外围 */
.bigDiv{
  padding-top: 14px;
  display: flex;
  flex-direction: column;
}

/* 表格区域 */
.area{
  position: relative;
  /* 1-竖纹 */
  background-image: linear-gradient(90deg,#bae7ff 50%,white 0);
  background-size: 10px 100%;
  border: 1px solid #000;
  //-ms-transform:rotate(270deg); /* IE 9 */
  //-webkit-transform:rotate(270deg); /* Safari and Chrome */
  //transform:rotate(270deg);
  //left:20px;
  //top:-20px;
}
.area2{
  position: relative;
  /* 2-横纹 */
  background-image: linear-gradient(0deg,#bae7ff 50%,white 50%);
  background-size: 100% 20px;
  border: 1px solid #000;
  //-ms-transform:rotate(270deg); /* IE 9 */
  //-webkit-transform:rotate(270deg); /* Safari and Chrome */
  //transform:rotate(270deg);
  //left:20px;
  //top:-20px;
}
.sTable{
  //background-image: linear-gradient(0deg,#bae7ff 50%,white 50%);
  //background-size: 100% 20px;
}
.fontDiv{
  color: #ff3c3c;
  position: absolute;
  top:50%;
  left:40%;
}
.fontDiv2{
  color: #ff3c3c;
  position: absolute;
  top:63%;
  left:40%;
}
/* 文字区域 */
.fontArea{
  width: 80%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 3px;
}



.divWidth{
  height: 100%;
  position: absolute;
  left: -30px;
}
.divWidthLine{
  width: 2px;
  height: 97%;
  background: @arrow_bg;
  text-align: center;
}
.divHeight{
  width: 100%;
  position: absolute;
  top: -16px;
}
.divArrowLeft{ /* 左侧箭头 */
  width: 2px;
  height: 9px;
  background: @arrow_bg;
  float: left;
}
.divArrowRight{ /* 左侧箭头 */
  width: 2px;
  height: 8px;
  background: @arrow_bg;
  float: right;
}
.divArrowTop{
  width: 8px;
  height: 2px;
  background: @arrow_bg;
}
.divArrowBottom{
  width: 8px;
  height: 2px;
  background: @arrow_bg;
}
.divHeightLine{
  height: 2px;
  background: @arrow_bg;
  text-align: center;
  font-size: 12px;
}

.tdStyle{
  font-size: 10px;
  position:absolute;
  color:red;
  left: 0%;
  top:36%;
  //height: 100%;
}
.tdStyle1{
  width: 100%;
  font-size: 10px;
  position: absolute;
  color:red;
  left: 50%;
  top:20%;
}
.tdWidth{
  width: 50%;
}

/* 四边裁 标尺 */
.tdStyleM{ /* 横向 */
  width: 100%;
  font-size: 10px;
  position: absolute;
  top: -5px;
  left: 43%;
}
.tdStyleM1 { /* 纵向 */
  width: 100%;
  font-size: 10px;
  position: absolute;
  left: 0%;
  top:32%;
}