@arrow_bg: #002bb0;  // 高亮色
/* 最大外围 */
.bigDiv{
  width: 100%;
  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: 10px;
}



.divWidth{
  height: 100%;
  position: absolute;
  left: -30px;
}
.bBoxDivWidth{
  height: 100%;
  position: absolute;
  right: -9px;
}
.divWidthLine{
  width: 2px;
  height: 97%;
  background: @arrow_bg;
  text-align: center;
}
.divHeight{
  width: 100%;
  position: absolute;
  top: -17px;
}
.bBoxDivHeight{
  width: 100%;
  position: absolute;
  bottom: -8px;
}
.divArrowLeft{ /* 左侧箭头 */
  width: 2px;
  height: 9px;
  background: @arrow_bg;
  float: left;
}
.divArrowRight{ /* 左侧箭头 */
  width: 2px;
  height: 8px;
  background: @arrow_bg;
  float: right;
}
.divArrowLeftIcon{
  width: 10px;
  height: 4px;
  position: absolute;
  left: -3px;
  top: -1.5px;
  color: @arrow_bg;
}
.divArrowRightIcon{
  width: 10px;
  height: 4px;
  position: absolute;
  right: -3px;
  top: -1.5px;
  color: @arrow_bg;
}
.divArrowLeftIconLine{
  width: 1px;
  height: 30px;
  position: absolute;
  left: 0px;
  top: 0px;
  background-color: #333;
}
.divArrowRightIconLine{
  width: 1px;
  height: 30px;
  position: absolute;
  right: 0px;
  top: 0px;
  background-color: #333;
}
.divArrowTop{
  width: 8px;
  height: 2px;
  background: @arrow_bg;
}
.divArrowTopIcon{
  position: absolute;
  top: -1px;
  left: -4.5px;
  width: 10px;
  height: 4px;
  color: @arrow_bg;
}
.divArrowBottomIcon{
  position: absolute;
  bottom: 3px;
  left: -4.5px;
  width: 10px;
  height: 4px;
  color: @arrow_bg;
}
.divArrowBottom{
  width: 8px;
  height: 2px;
  background: @arrow_bg;
}
.divHeightLine{
  height: 1px;
  background: @arrow_bg;
  text-align: center;
  font-size: 12px;
}
.tdStyleM{ /* 横向 */
  font-size: 12px;
  position: absolute;
  top: 0px;
  left: 46%;
}
.tdStyleM1 { /* 纵向 */
  font-size: 12px;
  position: absolute;
  left: 0%;
  top:32%;
}